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>

src/components/chat/hooks/useAgentChatSession.test.tsx

@@ -521,4 +521,33 @@ describe("useAgentChatSession", () => {
       expect.anything(),
     );
   });
+
+  it("asks the backend to undo the previous user turn before regenerating", async () => {
+    listChatSessions.mockResolvedValue([]);
+
+    const { result } = renderHook(() =>
+      useAgentChatSession({
+        projectId: "project-1",
+        onToolCall: jest.fn(),
+      }),
+    );
+
+    await waitFor(() => expect(result.current.isHydrating).toBe(false));
+
+    await act(async () => {
+      await result.current.sendPrompt("重新分析压力异常");
+    });
+
+    await act(async () => {
+      await result.current.regenerate();
+    });
+
+    expect(streamAgentChat).toHaveBeenNthCalledWith(
+      2,
+      expect.objectContaining({
+        message: "重新分析压力异常",
+        regenerateFromMessageIndex: 0,
+      }),
+    );
+  });
 });

src/components/chat/hooks/useAgentChatSession.ts

@@ -56,6 +56,7 @@ type UseAgentChatSessionOptions = {
 type PromptRunOptions = {
   prompt: string;
   sessionIdOverride?: string;
+  regenerateFromMessageIndex?: number;
   preparedMessages?: Message[];
   userMessage?: Message;
   assistantMessage?: Message;
@@ -609,6 +610,7 @@ export const useAgentChatSession = ({
     async ({
       prompt: rawPrompt,
       sessionIdOverride,
+      regenerateFromMessageIndex,
       preparedMessages,
       userMessage,
       assistantMessage,
@@ -644,6 +646,7 @@ export const useAgentChatSession = ({
           sessionId: sessionIdOverride ?? sessionIdRef.current,
           model: getModel?.(),
           approvalMode: getApprovalMode?.(),
+          regenerateFromMessageIndex,
           signal: controller.signal,
           onEvent: (event) =>
             applyStreamEvent(event, {
@@ -991,6 +994,7 @@ export const useAgentChatSession = ({
       setMessages(nextMessages);
       await runPrompt({
         prompt: lastUserContent,
+        regenerateFromMessageIndex: lastUserIndex,
         preparedMessages: [
           ...nextMessages,
           nextUserMessage,