fix(chat): 重新生成前撤销旧消息

src/components/chat/AgentComposer.tsx

@@ -251,7 +251,7 @@ export const AgentComposer = React.forwardRef<AgentComposerHandle, AgentComposer
                   </IconButton>
                 )
               ) : null}
-              <FormControl size="small" sx={{ minWidth: 102 }}>
+              <FormControl size="small" sx={{ minWidth: 96 }}>
                 <Select
                   value={approvalMode}
                   onChange={(event) =>
@@ -260,13 +260,13 @@ export const AgentComposer = React.forwardRef<AgentComposerHandle, AgentComposer
                   disabled={isHydrating || isStreaming}
                   aria-label="权限批准模式"
                   renderValue={(val) => (
-                    <Box sx={{ display: "flex", alignItems: "center", gap: 0.5 }}>
+                    <Box sx={{ display: "flex", alignItems: "center", gap: 0.45 }}>
                       {val === "always" ? (
-                        <AdminPanelSettingsRounded sx={{ fontSize: 16, color: "inherit" }} />
+                        <AdminPanelSettingsRounded sx={{ fontSize: 18, color: "inherit" }} />
                       ) : (
-                        <VerifiedUserRounded sx={{ fontSize: 16, color: "inherit" }} />
+                        <VerifiedUserRounded sx={{ fontSize: 18, color: "inherit" }} />
                       )}
-                      <Typography sx={{ fontSize: "0.78rem", fontWeight: 700, color: "inherit" }}>
+                      <Typography sx={{ fontSize: "0.75rem", fontWeight: 600, color: "inherit" }}>
                         {val === "always" ? "始终允许" : "请求批准"}
                       </Typography>
                     </Box>
@@ -312,6 +312,7 @@ export const AgentComposer = React.forwardRef<AgentComposerHandle, AgentComposer
                       py: 0,
                       pl: 1,
                       pr: "28px !important",
+                      minHeight: 36,
                       display: "flex",
                       alignItems: "center",
                     },
@@ -326,14 +327,14 @@ export const AgentComposer = React.forwardRef<AgentComposerHandle, AgentComposer
                   }}
                 >
                   <MenuItem value="request">
-                    <VerifiedUserRounded className="icon" sx={{ mr: 1.5, mt: 0.2, fontSize: 18, color: "text.secondary" }} />
+                    <VerifiedUserRounded className="icon" sx={{ mr: 1.5, mt: 0.15, fontSize: 18, color: "text.secondary" }} />
                     <Box>
                       <Typography className="title" sx={{ fontSize: "0.85rem", fontWeight: 700, color: "text.primary", mb: 0.2 }}>请求批准</Typography>
                       <Typography sx={{ fontSize: "0.7rem", fontWeight: 500, color: "text.secondary", lineHeight: 1.3 }}>工具权限逐次确认</Typography>
                     </Box>
                   </MenuItem>
                   <MenuItem value="always">
-                    <AdminPanelSettingsRounded className="icon" sx={{ mr: 1.5, mt: 0.2, fontSize: 18, color: "text.secondary" }} />
+                    <AdminPanelSettingsRounded className="icon" sx={{ mr: 1.5, mt: 0.15, fontSize: 18, color: "text.secondary" }} />
                     <Box>
                       <Typography className="title" sx={{ fontSize: "0.85rem", fontWeight: 700, color: "text.primary", mb: 0.2 }}>始终允许</Typography>
                       <Typography sx={{ fontSize: "0.7rem", fontWeight: 500, color: "text.secondary", lineHeight: 1.3 }}>自动允许本轮权限请求</Typography>