@yushaw/sanqian-chat 0.2.24 → 0.2.27

package/dist/core/index.d.mts

@@ -496,6 +496,9 @@ interface LinkHandlerConfig {
 
 /** Stream event callback */
 type StreamEvent = {
+    /** Internal stream identifier (set by IPC adapter for precise routing) */
+    stream_id?: string;
+} & ({
     type: 'start';
     run_id: string;
     conversationId?: string;
@@ -543,7 +546,7 @@ type StreamEvent = {
 } | {
     type: 'cancelled';
     run_id?: string;
-};
+});
 /** Message to send */
 interface SendMessage {
     role: 'user' | 'assistant';
@@ -578,7 +581,7 @@ interface ChatAdapter {
     }): Promise<{
         cancel: () => void;
     }>;
-    sendHitlResponse?(response: HitlResponse, runId?: string): void;
+    sendHitlResponse?(response: HitlResponse, runId?: string, streamId?: string): void;
     /** List available context providers */
     listResourceProviders?(): Promise<ContextProviderInfo[]>;
     /** Get resource list from a provider with search/pagination */

package/dist/core/index.d.ts

@@ -496,6 +496,9 @@ interface LinkHandlerConfig {
 
 /** Stream event callback */
 type StreamEvent = {
+    /** Internal stream identifier (set by IPC adapter for precise routing) */
+    stream_id?: string;
+} & ({
     type: 'start';
     run_id: string;
     conversationId?: string;
@@ -543,7 +546,7 @@ type StreamEvent = {
 } | {
     type: 'cancelled';
     run_id?: string;
-};
+});
 /** Message to send */
 interface SendMessage {
     role: 'user' | 'assistant';
@@ -578,7 +581,7 @@ interface ChatAdapter {
     }): Promise<{
         cancel: () => void;
     }>;
-    sendHitlResponse?(response: HitlResponse, runId?: string): void;
+    sendHitlResponse?(response: HitlResponse, runId?: string, streamId?: string): void;
     /** List available context providers */
     listResourceProviders?(): Promise<ContextProviderInfo[]>;
     /** Get resource list from a provider with search/pagination */

package/dist/core/index.js

@@ -581,8 +581,10 @@ function processStreamEvents(stream, onEvent, sdk, setCurrentRunId) {
           default: {
             const evt = event;
             if (evt.type === "interrupt") {
-              currentRunId = evt.run_id || null;
-              setCurrentRunId(evt.run_id || null);
+              if (evt.run_id) {
+                currentRunId = evt.run_id;
+                setCurrentRunId(evt.run_id);
+              }
               onEvent({
                 type: "interrupt",
                 interrupt_type: evt.interrupt_type || "",

package/dist/core/index.mjs

@@ -542,8 +542,10 @@ function processStreamEvents(stream, onEvent, sdk, setCurrentRunId) {
           default: {
             const evt = event;
             if (evt.type === "interrupt") {
-              currentRunId = evt.run_id || null;
-              setCurrentRunId(evt.run_id || null);
+              if (evt.run_id) {
+                currentRunId = evt.run_id;
+                setCurrentRunId(evt.run_id);
+              }
               onEvent({
                 type: "interrupt",
                 interrupt_type: evt.interrupt_type || "",

package/dist/main/index.d.mts

@@ -715,6 +715,7 @@ declare class FloatingWindow {
     private stateSaveTimer;
     private activeStreams;
     private reconnectAcquired;
+    private resolveHitlRunId;
     /**
      * Get SDK instance from either getClient or getSdk
      */
@@ -920,6 +921,11 @@ declare class ChatPanel {
     private scheduleSaveState;
     private saveState;
     private getSdk;
+    /**
+     * Resolve HITL runId with deterministic binding for concurrent streams.
+     * Priority: explicit runId -> streamId-bound runId -> single active stream fallback.
+     */
+    private resolveHitlRunId;
     /**
      * Setup session resource event forwarding from SDK to renderer
      * Called when SDK becomes available (on connect)

package/dist/main/index.d.ts

@@ -715,6 +715,7 @@ declare class FloatingWindow {
     private stateSaveTimer;
     private activeStreams;
     private reconnectAcquired;
+    private resolveHitlRunId;
     /**
      * Get SDK instance from either getClient or getSdk
      */
@@ -920,6 +921,11 @@ declare class ChatPanel {
     private scheduleSaveState;
     private saveState;
     private getSdk;
+    /**
+     * Resolve HITL runId with deterministic binding for concurrent streams.
+     * Priority: explicit runId -> streamId-bound runId -> single active stream fallback.
+     */
+    private resolveHitlRunId;
     /**
      * Setup session resource event forwarding from SDK to renderer
      * Called when SDK becomes available (on connect)

package/dist/main/index.js

@@ -366,6 +366,32 @@ var import_electron = require("electron");
 var import_fs = __toESM(require("fs"));
 var import_os = __toESM(require("os"));
 var import_path = __toESM(require("path"));
+
+// src/main/hitl.ts
+function resolveHitlRunIdFromStreams(params, activeStreams) {
+  if (params.runId) {
+    return params.runId;
+  }
+  if (params.streamId) {
+    const stream = activeStreams.get(params.streamId);
+    if (!stream || stream.cancelled) {
+      return null;
+    }
+    return stream.runId ?? null;
+  }
+  const activeRunIds = /* @__PURE__ */ new Set();
+  for (const stream of activeStreams.values()) {
+    if (stream.cancelled || !stream.runId) continue;
+    activeRunIds.add(stream.runId);
+    if (activeRunIds.size > 1) {
+      return null;
+    }
+  }
+  const first = activeRunIds.values().next();
+  return first.done ? null : first.value;
+}
+
+// src/main/FloatingWindow.ts
 var ipcHandlersRegistered = false;
 var activeInstance = null;
 var setActiveInstance = (instance) => {
@@ -399,6 +425,9 @@ var FloatingWindow = class _FloatingWindow {
       import_electron.app.whenReady().then(() => this.registerShortcut());
     }
   }
+  resolveHitlRunId(params) {
+    return resolveHitlRunIdFromStreams(params, this.activeStreams);
+  }
   /**
    * Get SDK instance from either getClient or getSdk
    */
@@ -735,8 +764,11 @@ var FloatingWindow = class _FloatingWindow {
     });
     import_electron.ipcMain.handle("sanqian-chat:hitlResponse", (_, params) => {
       const sdk = activeInstance ? _FloatingWindow.getSdkFromOptions(activeInstance.options) : null;
-      if (sdk && params.runId) {
-        sdk.sendHitlResponse(params.runId, params.response);
+      const runId = activeInstance?.resolveHitlRunId({ runId: params.runId, streamId: params.streamId }) ?? null;
+      if (sdk && runId) {
+        sdk.sendHitlResponse(runId, params.response);
+      } else if (activeInstance?.options.devMode) {
+        console.warn("[FloatingWindow] HITL response dropped: missing runId");
       }
       return { success: true };
     });
@@ -1685,6 +1717,13 @@ var ChatPanel = class {
     const client = this.config.getClient();
     return client;
   }
+  /**
+   * Resolve HITL runId with deterministic binding for concurrent streams.
+   * Priority: explicit runId -> streamId-bound runId -> single active stream fallback.
+   */
+  resolveHitlRunId(params) {
+    return resolveHitlRunIdFromStreams(params, this.activeStreams);
+  }
   /**
    * Setup session resource event forwarding from SDK to renderer
    * Called when SDK becomes available (on connect)
@@ -1847,8 +1886,11 @@ var ChatPanel = class {
     });
     import_electron2.ipcMain.handle("sanqian-chat:hitlResponse", (_, params) => {
       const sdk = activeInstance2?.getSdk();
-      if (sdk && params.runId) {
-        sdk.sendHitlResponse(params.runId, params.response);
+      const runId = activeInstance2?.resolveHitlRunId({ runId: params.runId, streamId: params.streamId }) ?? null;
+      if (sdk && runId) {
+        sdk.sendHitlResponse(runId, params.response);
+      } else if (activeInstance2?.config.devMode) {
+        console.warn("[ChatPanel] HITL response dropped: missing runId");
       }
       return { success: true };
     });

package/dist/main/index.mjs

@@ -335,6 +335,32 @@ import { BrowserWindow, globalShortcut, screen, ipcMain, app } from "electron";
 import fs from "fs";
 import os from "os";
 import path from "path";
+
+// src/main/hitl.ts
+function resolveHitlRunIdFromStreams(params, activeStreams) {
+  if (params.runId) {
+    return params.runId;
+  }
+  if (params.streamId) {
+    const stream = activeStreams.get(params.streamId);
+    if (!stream || stream.cancelled) {
+      return null;
+    }
+    return stream.runId ?? null;
+  }
+  const activeRunIds = /* @__PURE__ */ new Set();
+  for (const stream of activeStreams.values()) {
+    if (stream.cancelled || !stream.runId) continue;
+    activeRunIds.add(stream.runId);
+    if (activeRunIds.size > 1) {
+      return null;
+    }
+  }
+  const first = activeRunIds.values().next();
+  return first.done ? null : first.value;
+}
+
+// src/main/FloatingWindow.ts
 var ipcHandlersRegistered = false;
 var activeInstance = null;
 var setActiveInstance = (instance) => {
@@ -368,6 +394,9 @@ var FloatingWindow = class _FloatingWindow {
       app.whenReady().then(() => this.registerShortcut());
     }
   }
+  resolveHitlRunId(params) {
+    return resolveHitlRunIdFromStreams(params, this.activeStreams);
+  }
   /**
    * Get SDK instance from either getClient or getSdk
    */
@@ -704,8 +733,11 @@ var FloatingWindow = class _FloatingWindow {
     });
     ipcMain.handle("sanqian-chat:hitlResponse", (_, params) => {
       const sdk = activeInstance ? _FloatingWindow.getSdkFromOptions(activeInstance.options) : null;
-      if (sdk && params.runId) {
-        sdk.sendHitlResponse(params.runId, params.response);
+      const runId = activeInstance?.resolveHitlRunId({ runId: params.runId, streamId: params.streamId }) ?? null;
+      if (sdk && runId) {
+        sdk.sendHitlResponse(runId, params.response);
+      } else if (activeInstance?.options.devMode) {
+        console.warn("[FloatingWindow] HITL response dropped: missing runId");
       }
       return { success: true };
     });
@@ -1660,6 +1692,13 @@ var ChatPanel = class {
     const client = this.config.getClient();
     return client;
   }
+  /**
+   * Resolve HITL runId with deterministic binding for concurrent streams.
+   * Priority: explicit runId -> streamId-bound runId -> single active stream fallback.
+   */
+  resolveHitlRunId(params) {
+    return resolveHitlRunIdFromStreams(params, this.activeStreams);
+  }
   /**
    * Setup session resource event forwarding from SDK to renderer
    * Called when SDK becomes available (on connect)
@@ -1822,8 +1861,11 @@ var ChatPanel = class {
     });
     ipcMain2.handle("sanqian-chat:hitlResponse", (_, params) => {
       const sdk = activeInstance2?.getSdk();
-      if (sdk && params.runId) {
-        sdk.sendHitlResponse(params.runId, params.response);
+      const runId = activeInstance2?.resolveHitlRunId({ runId: params.runId, streamId: params.streamId }) ?? null;
+      if (sdk && runId) {
+        sdk.sendHitlResponse(runId, params.response);
+      } else if (activeInstance2?.config.devMode) {
+        console.warn("[ChatPanel] HITL response dropped: missing runId");
       }
       return { success: true };
     });

package/dist/preload/factories.d.mts

@@ -176,6 +176,7 @@ interface SanqianChatAPI {
     sendHitlResponse(params: {
         response: HitlResponse;
         runId?: string;
+        streamId?: string;
     }): Promise<{
         success: boolean;
     }>;

package/dist/preload/factories.d.ts

@@ -176,6 +176,7 @@ interface SanqianChatAPI {
     sendHitlResponse(params: {
         response: HitlResponse;
         runId?: string;
+        streamId?: string;
     }): Promise<{
         success: boolean;
     }>;

package/dist/renderer/index.d.mts

@@ -499,6 +499,9 @@ interface LinkHandlerConfig {
 
 /** Stream event callback */
 type StreamEvent = {
+    /** Internal stream identifier (set by IPC adapter for precise routing) */
+    stream_id?: string;
+} & ({
     type: 'start';
     run_id: string;
     conversationId?: string;
@@ -546,7 +549,7 @@ type StreamEvent = {
 } | {
     type: 'cancelled';
     run_id?: string;
-};
+});
 /** Message to send */
 interface SendMessage {
     role: 'user' | 'assistant';
@@ -581,7 +584,7 @@ interface ChatAdapter {
     }): Promise<{
         cancel: () => void;
     }>;
-    sendHitlResponse?(response: HitlResponse, runId?: string): void;
+    sendHitlResponse?(response: HitlResponse, runId?: string, streamId?: string): void;
     /** List available context providers */
     listResourceProviders?(): Promise<ContextProviderInfo[]>;
     /** Get resource list from a provider with search/pagination */

package/dist/renderer/index.d.ts

@@ -499,6 +499,9 @@ interface LinkHandlerConfig {
 
 /** Stream event callback */
 type StreamEvent = {
+    /** Internal stream identifier (set by IPC adapter for precise routing) */
+    stream_id?: string;
+} & ({
     type: 'start';
     run_id: string;
     conversationId?: string;
@@ -546,7 +549,7 @@ type StreamEvent = {
 } | {
     type: 'cancelled';
     run_id?: string;
-};
+});
 /** Message to send */
 interface SendMessage {
     role: 'user' | 'assistant';
@@ -581,7 +584,7 @@ interface ChatAdapter {
     }): Promise<{
         cancel: () => void;
     }>;
-    sendHitlResponse?(response: HitlResponse, runId?: string): void;
+    sendHitlResponse?(response: HitlResponse, runId?: string, streamId?: string): void;
     /** List available context providers */
     listResourceProviders?(): Promise<ContextProviderInfo[]>;
     /** Get resource list from a provider with search/pagination */

package/dist/renderer/index.js

@@ -122,6 +122,7 @@ function useChat(options) {
   const messagesRef = (0, import_react.useRef)(messages);
   const conversationIdRef = (0, import_react.useRef)(conversationId);
   const currentRunIdRef = (0, import_react.useRef)(null);
+  const pendingInterruptStreamIdRef = (0, import_react.useRef)(null);
   const currentAgentIdRef = (0, import_react.useRef)(null);
   const pendingCancelRef = (0, import_react.useRef)(false);
   const pendingCancelTimeoutRef = (0, import_react.useRef)(null);
@@ -573,6 +574,7 @@ function useChat(options) {
         setIsStreaming(false);
         setIsLoading(false);
         currentRunIdRef.current = null;
+        pendingInterruptStreamIdRef.current = null;
         suppressStreamRef.current = false;
         clearPendingCancel();
         break;
@@ -609,6 +611,7 @@ function useChat(options) {
         setIsLoading(false);
         setPendingInterrupt(null);
         currentRunIdRef.current = null;
+        pendingInterruptStreamIdRef.current = null;
         suppressStreamRef.current = false;
         clearPendingCancel();
         break;
@@ -636,13 +639,19 @@ function useChat(options) {
         setIsStreaming(false);
         setIsLoading(false);
         currentRunIdRef.current = null;
+        pendingInterruptStreamIdRef.current = null;
         suppressStreamRef.current = false;
         clearPendingCancel();
         break;
       }
       case "interrupt": {
         flushTypewriter();
-        currentRunIdRef.current = event.run_id ?? null;
+        if (event.run_id) {
+          currentRunIdRef.current = event.run_id;
+        }
+        if (event.stream_id) {
+          pendingInterruptStreamIdRef.current = event.stream_id;
+        }
         const payload = event.interrupt_payload;
         if (payload) {
           setPendingInterrupt(payload);
@@ -665,6 +674,7 @@ function useChat(options) {
     }
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     const userMessage = {
       id: crypto.randomUUID(),
       role: "user",
@@ -784,6 +794,7 @@ function useChat(options) {
     });
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     if (!shouldDelayCancel) {
       clearPendingCancel();
       suppressStreamRef.current = false;
@@ -800,6 +811,7 @@ function useChat(options) {
     setIsStreaming(false);
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     clearPendingCancel();
     suppressStreamRef.current = false;
   }, [clearPendingCancel, resetStreamBuffers]);
@@ -837,23 +849,33 @@ function useChat(options) {
     setPendingInterrupt(null);
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     clearPendingCancel();
   }, [clearPendingCancel, resetStreamBuffers]);
   const sendHitlResponse = (0, import_react.useCallback)((response) => {
-    adapter.sendHitlResponse?.(response, currentRunIdRef.current ?? void 0);
+    const runId = currentRunIdRef.current ?? void 0;
+    const streamId = pendingInterruptStreamIdRef.current ?? void 0;
+    if (streamId) {
+      adapter.sendHitlResponse?.(response, runId, streamId);
+      return;
+    }
+    adapter.sendHitlResponse?.(response, runId);
   }, [adapter]);
   const approveHitl = (0, import_react.useCallback)((remember = false) => {
     sendHitlResponse({ approved: true, remember });
     setPendingInterrupt(null);
+    pendingInterruptStreamIdRef.current = null;
   }, [sendHitlResponse]);
   const rejectHitl = (0, import_react.useCallback)((remember = false) => {
     sendHitlResponse({ approved: false, remember });
     setPendingInterrupt(null);
+    pendingInterruptStreamIdRef.current = null;
     setIsLoading(false);
   }, [sendHitlResponse]);
   const submitHitlInput = (0, import_react.useCallback)((response) => {
     sendHitlResponse(response);
     setPendingInterrupt(null);
+    pendingInterruptStreamIdRef.current = null;
     if (response.cancelled || response.timed_out) setIsLoading(false);
   }, [sendHitlResponse]);
   const removeSessionResource = (0, import_react.useCallback)((fullId) => {
@@ -5963,13 +5985,19 @@ function createIpcAdapter() {
     async chatStream(messages, conversationId, onEvent, options) {
       const streamId = crypto.randomUUID();
       streamCallbacks.set(streamId, (event) => {
-        if (event.type === "start" || event.type === "interrupt") {
+        if (event.type === "start") {
           currentRunId = event.run_id || null;
         }
+        if (event.type === "interrupt") {
+          const interruptRunId = event.run_id;
+          if (interruptRunId) {
+            currentRunId = interruptRunId;
+          }
+        }
         if (event.type === "done" || event.type === "cancelled" || event.type === "error") {
           currentRunId = null;
         }
-        onEvent(event);
+        onEvent({ ...event, stream_id: streamId });
       });
       try {
         await api.stream({
@@ -5991,8 +6019,12 @@ function createIpcAdapter() {
         throw e;
       }
     },
-    sendHitlResponse(response, runId) {
-      api.sendHitlResponse({ response, runId: runId || currentRunId || void 0 });
+    sendHitlResponse(response, runId, streamId) {
+      api.sendHitlResponse({
+        response,
+        runId: runId || currentRunId || void 0,
+        streamId: streamId || void 0
+      });
     },
     cleanup() {
       streamEventCleanup?.();
@@ -6366,8 +6398,10 @@ function processStreamEvents(stream, onEvent, sdk, setCurrentRunId) {
           default: {
             const evt = event;
             if (evt.type === "interrupt") {
-              currentRunId = evt.run_id || null;
-              setCurrentRunId(evt.run_id || null);
+              if (evt.run_id) {
+                currentRunId = evt.run_id;
+                setCurrentRunId(evt.run_id);
+              }
               onEvent({
                 type: "interrupt",
                 interrupt_type: evt.interrupt_type || "",
@@ -8018,6 +8052,23 @@ var defaultStrings = {
   approvalRequest: "Approval Request",
   inputRequest: "Input Request"
 };
+var defaultZhStrings = {
+  approve: "\u6279\u51C6",
+  reject: "\u62D2\u7EDD",
+  submit: "\u63D0\u4EA4",
+  cancel: "\u53D6\u6D88",
+  rememberChoice: "\u8BB0\u4F4F\u672C\u6B21\u9009\u62E9",
+  requiredField: "\u6B64\u9879\u5FC5\u586B",
+  timeoutIn: "\u8D85\u65F6\u5269\u4F59",
+  seconds: "\u79D2",
+  executeTool: "\u6267\u884C",
+  toolLabel: "\u5DE5\u5177",
+  argsLabel: "\u53C2\u6570",
+  defaultPrefix: "\u9ED8\u8BA4",
+  enterResponse: "\u8BF7\u8F93\u5165\u4F60\u7684\u56DE\u590D...",
+  approvalRequest: "\u9700\u8981\u5BA1\u6279",
+  inputRequest: "\u9700\u8981\u8F93\u5165"
+};
 var riskColors = {
   low: {
     bg: "bg-blue-500/10",
@@ -8047,9 +8098,37 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
   isDarkMode = false,
   strings = {}
 }) {
-  const t = { ...defaultStrings, ...strings };
+  const mergedStrings = { ...defaultStrings, ...strings };
   const isApproval = interrupt.type === "approval_request";
   const isUserInput = interrupt.type === "user_input_request";
+  const cjkRegex = /[\u3400-\u9fff]/;
+  const hasCjkContent = cjkRegex.test(
+    [
+      interrupt.question || "",
+      interrupt.context || "",
+      interrupt.reason || "",
+      interrupt.tool || "",
+      ...interrupt.options || []
+    ].join(" ")
+  );
+  const t = hasCjkContent ? {
+    ...mergedStrings,
+    approve: mergedStrings.approve === defaultStrings.approve ? defaultZhStrings.approve : mergedStrings.approve,
+    reject: mergedStrings.reject === defaultStrings.reject ? defaultZhStrings.reject : mergedStrings.reject,
+    submit: mergedStrings.submit === defaultStrings.submit ? defaultZhStrings.submit : mergedStrings.submit,
+    cancel: mergedStrings.cancel === defaultStrings.cancel ? defaultZhStrings.cancel : mergedStrings.cancel,
+    rememberChoice: mergedStrings.rememberChoice === defaultStrings.rememberChoice ? defaultZhStrings.rememberChoice : mergedStrings.rememberChoice,
+    requiredField: mergedStrings.requiredField === defaultStrings.requiredField ? defaultZhStrings.requiredField : mergedStrings.requiredField,
+    timeoutIn: mergedStrings.timeoutIn === defaultStrings.timeoutIn ? defaultZhStrings.timeoutIn : mergedStrings.timeoutIn,
+    seconds: mergedStrings.seconds === defaultStrings.seconds ? defaultZhStrings.seconds : mergedStrings.seconds,
+    executeTool: mergedStrings.executeTool === defaultStrings.executeTool ? defaultZhStrings.executeTool : mergedStrings.executeTool,
+    toolLabel: mergedStrings.toolLabel === defaultStrings.toolLabel ? defaultZhStrings.toolLabel : mergedStrings.toolLabel,
+    argsLabel: mergedStrings.argsLabel === defaultStrings.argsLabel ? defaultZhStrings.argsLabel : mergedStrings.argsLabel,
+    defaultPrefix: mergedStrings.defaultPrefix === defaultStrings.defaultPrefix ? defaultZhStrings.defaultPrefix : mergedStrings.defaultPrefix,
+    enterResponse: mergedStrings.enterResponse === defaultStrings.enterResponse ? defaultZhStrings.enterResponse : mergedStrings.enterResponse,
+    approvalRequest: mergedStrings.approvalRequest === defaultStrings.approvalRequest ? defaultZhStrings.approvalRequest : mergedStrings.approvalRequest,
+    inputRequest: mergedStrings.inputRequest === defaultStrings.inputRequest ? defaultZhStrings.inputRequest : mergedStrings.inputRequest
+  } : mergedStrings;
   const [answer, setAnswer] = (0, import_react24.useState)(interrupt.default || "");
   const [selectedIndices, setSelectedIndices] = (0, import_react24.useState)([]);
   const [isComposing, setIsComposing] = (0, import_react24.useState)(false);
@@ -8157,7 +8236,38 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
     color: isDarkMode ? "#dbeafe" : "#1d4ed8"
   };
   const cancelButtonClass = isDarkMode ? "flex-1 rounded-lg border border-zinc-500 bg-zinc-700/80 px-3 py-2 text-sm font-semibold text-zinc-100 transition-colors hover:bg-zinc-600" : "flex-1 rounded-lg border border-zinc-300 bg-zinc-100 px-3 py-2 text-sm font-semibold text-zinc-900 transition-colors hover:bg-zinc-200";
-  const submitButtonClass = `flex-1 rounded-lg px-3 py-2 text-sm font-semibold ${isApproval && riskLevel === "high" ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"} text-white shadow-sm transition-colors disabled:cursor-not-allowed disabled:opacity-45`;
+  const isSubmitDisabled = isUserInput && interrupt.required && !answer.trim() && (!interrupt.options || selectedIndices.length === 0);
+  const submitButtonClass = `flex-1 rounded-lg border px-3 py-2 text-sm font-semibold transition-colors ${isSubmitDisabled ? "cursor-not-allowed" : "hover:brightness-105"}`;
+  const cancelButtonStyle = isDarkMode ? {
+    background: "rgba(63, 63, 70, 0.82)",
+    color: "#f4f4f5",
+    borderColor: "rgba(161, 161, 170, 0.6)"
+  } : {
+    background: "#f4f4f5",
+    color: "#18181b",
+    borderColor: "rgba(113, 113, 122, 0.45)"
+  };
+  const submitButtonStyle = isSubmitDisabled ? isDarkMode ? {
+    background: "rgba(82, 82, 91, 0.72)",
+    color: "#d4d4d8",
+    borderColor: "rgba(161, 161, 170, 0.35)",
+    boxShadow: "none"
+  } : {
+    background: "rgba(228, 228, 231, 0.98)",
+    color: "#52525b",
+    borderColor: "rgba(161, 161, 170, 0.42)",
+    boxShadow: "none"
+  } : isApproval && riskLevel === "high" ? {
+    background: "#dc2626",
+    color: "#ffffff",
+    borderColor: "rgba(220, 38, 38, 0.9)",
+    boxShadow: "0 2px 8px rgba(220, 38, 38, 0.35)"
+  } : {
+    background: "var(--chat-accent, #2563eb)",
+    color: "#ffffff",
+    borderColor: "transparent",
+    boxShadow: "0 2px 10px rgba(37, 99, 235, 0.3)"
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
@@ -8274,6 +8384,7 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
             {
               onClick: handleCancel,
               className: cancelButtonClass,
+              style: cancelButtonStyle,
               children: isApproval ? t.reject : t.cancel
             }
           ),
@@ -8281,8 +8392,9 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
             "button",
             {
               onClick: handleSubmit,
-              disabled: isUserInput && interrupt.required && !answer.trim() && (!interrupt.options || selectedIndices.length === 0),
+              disabled: isSubmitDisabled,
               className: submitButtonClass,
+              style: submitButtonStyle,
               children: isApproval ? t.approve : t.submit
             }
           )

package/dist/renderer/index.mjs

@@ -34,6 +34,7 @@ function useChat(options) {
   const messagesRef = useRef(messages);
   const conversationIdRef = useRef(conversationId);
   const currentRunIdRef = useRef(null);
+  const pendingInterruptStreamIdRef = useRef(null);
   const currentAgentIdRef = useRef(null);
   const pendingCancelRef = useRef(false);
   const pendingCancelTimeoutRef = useRef(null);
@@ -485,6 +486,7 @@ function useChat(options) {
         setIsStreaming(false);
         setIsLoading(false);
         currentRunIdRef.current = null;
+        pendingInterruptStreamIdRef.current = null;
         suppressStreamRef.current = false;
         clearPendingCancel();
         break;
@@ -521,6 +523,7 @@ function useChat(options) {
         setIsLoading(false);
         setPendingInterrupt(null);
         currentRunIdRef.current = null;
+        pendingInterruptStreamIdRef.current = null;
         suppressStreamRef.current = false;
         clearPendingCancel();
         break;
@@ -548,13 +551,19 @@ function useChat(options) {
         setIsStreaming(false);
         setIsLoading(false);
         currentRunIdRef.current = null;
+        pendingInterruptStreamIdRef.current = null;
         suppressStreamRef.current = false;
         clearPendingCancel();
         break;
       }
       case "interrupt": {
         flushTypewriter();
-        currentRunIdRef.current = event.run_id ?? null;
+        if (event.run_id) {
+          currentRunIdRef.current = event.run_id;
+        }
+        if (event.stream_id) {
+          pendingInterruptStreamIdRef.current = event.stream_id;
+        }
         const payload = event.interrupt_payload;
         if (payload) {
           setPendingInterrupt(payload);
@@ -577,6 +586,7 @@ function useChat(options) {
     }
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     const userMessage = {
       id: crypto.randomUUID(),
       role: "user",
@@ -696,6 +706,7 @@ function useChat(options) {
     });
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     if (!shouldDelayCancel) {
       clearPendingCancel();
       suppressStreamRef.current = false;
@@ -712,6 +723,7 @@ function useChat(options) {
     setIsStreaming(false);
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     clearPendingCancel();
     suppressStreamRef.current = false;
   }, [clearPendingCancel, resetStreamBuffers]);
@@ -749,23 +761,33 @@ function useChat(options) {
     setPendingInterrupt(null);
     resetStreamBuffers();
     currentRunIdRef.current = null;
+    pendingInterruptStreamIdRef.current = null;
     clearPendingCancel();
   }, [clearPendingCancel, resetStreamBuffers]);
   const sendHitlResponse = useCallback((response) => {
-    adapter.sendHitlResponse?.(response, currentRunIdRef.current ?? void 0);
+    const runId = currentRunIdRef.current ?? void 0;
+    const streamId = pendingInterruptStreamIdRef.current ?? void 0;
+    if (streamId) {
+      adapter.sendHitlResponse?.(response, runId, streamId);
+      return;
+    }
+    adapter.sendHitlResponse?.(response, runId);
   }, [adapter]);
   const approveHitl = useCallback((remember = false) => {
     sendHitlResponse({ approved: true, remember });
     setPendingInterrupt(null);
+    pendingInterruptStreamIdRef.current = null;
   }, [sendHitlResponse]);
   const rejectHitl = useCallback((remember = false) => {
     sendHitlResponse({ approved: false, remember });
     setPendingInterrupt(null);
+    pendingInterruptStreamIdRef.current = null;
     setIsLoading(false);
   }, [sendHitlResponse]);
   const submitHitlInput = useCallback((response) => {
     sendHitlResponse(response);
     setPendingInterrupt(null);
+    pendingInterruptStreamIdRef.current = null;
     if (response.cancelled || response.timed_out) setIsLoading(false);
   }, [sendHitlResponse]);
   const removeSessionResource = useCallback((fullId) => {
@@ -5875,13 +5897,19 @@ function createIpcAdapter() {
     async chatStream(messages, conversationId, onEvent, options) {
       const streamId = crypto.randomUUID();
       streamCallbacks.set(streamId, (event) => {
-        if (event.type === "start" || event.type === "interrupt") {
+        if (event.type === "start") {
           currentRunId = event.run_id || null;
         }
+        if (event.type === "interrupt") {
+          const interruptRunId = event.run_id;
+          if (interruptRunId) {
+            currentRunId = interruptRunId;
+          }
+        }
         if (event.type === "done" || event.type === "cancelled" || event.type === "error") {
           currentRunId = null;
         }
-        onEvent(event);
+        onEvent({ ...event, stream_id: streamId });
       });
       try {
         await api.stream({
@@ -5903,8 +5931,12 @@ function createIpcAdapter() {
         throw e;
       }
     },
-    sendHitlResponse(response, runId) {
-      api.sendHitlResponse({ response, runId: runId || currentRunId || void 0 });
+    sendHitlResponse(response, runId, streamId) {
+      api.sendHitlResponse({
+        response,
+        runId: runId || currentRunId || void 0,
+        streamId: streamId || void 0
+      });
     },
     cleanup() {
       streamEventCleanup?.();
@@ -6278,8 +6310,10 @@ function processStreamEvents(stream, onEvent, sdk, setCurrentRunId) {
           default: {
             const evt = event;
             if (evt.type === "interrupt") {
-              currentRunId = evt.run_id || null;
-              setCurrentRunId(evt.run_id || null);
+              if (evt.run_id) {
+                currentRunId = evt.run_id;
+                setCurrentRunId(evt.run_id);
+              }
               onEvent({
                 type: "interrupt",
                 interrupt_type: evt.interrupt_type || "",
@@ -7946,6 +7980,23 @@ var defaultStrings = {
   approvalRequest: "Approval Request",
   inputRequest: "Input Request"
 };
+var defaultZhStrings = {
+  approve: "\u6279\u51C6",
+  reject: "\u62D2\u7EDD",
+  submit: "\u63D0\u4EA4",
+  cancel: "\u53D6\u6D88",
+  rememberChoice: "\u8BB0\u4F4F\u672C\u6B21\u9009\u62E9",
+  requiredField: "\u6B64\u9879\u5FC5\u586B",
+  timeoutIn: "\u8D85\u65F6\u5269\u4F59",
+  seconds: "\u79D2",
+  executeTool: "\u6267\u884C",
+  toolLabel: "\u5DE5\u5177",
+  argsLabel: "\u53C2\u6570",
+  defaultPrefix: "\u9ED8\u8BA4",
+  enterResponse: "\u8BF7\u8F93\u5165\u4F60\u7684\u56DE\u590D...",
+  approvalRequest: "\u9700\u8981\u5BA1\u6279",
+  inputRequest: "\u9700\u8981\u8F93\u5165"
+};
 var riskColors = {
   low: {
     bg: "bg-blue-500/10",
@@ -7975,9 +8026,37 @@ var HitlCard = memo8(function HitlCard2({
   isDarkMode = false,
   strings = {}
 }) {
-  const t = { ...defaultStrings, ...strings };
+  const mergedStrings = { ...defaultStrings, ...strings };
   const isApproval = interrupt.type === "approval_request";
   const isUserInput = interrupt.type === "user_input_request";
+  const cjkRegex = /[\u3400-\u9fff]/;
+  const hasCjkContent = cjkRegex.test(
+    [
+      interrupt.question || "",
+      interrupt.context || "",
+      interrupt.reason || "",
+      interrupt.tool || "",
+      ...interrupt.options || []
+    ].join(" ")
+  );
+  const t = hasCjkContent ? {
+    ...mergedStrings,
+    approve: mergedStrings.approve === defaultStrings.approve ? defaultZhStrings.approve : mergedStrings.approve,
+    reject: mergedStrings.reject === defaultStrings.reject ? defaultZhStrings.reject : mergedStrings.reject,
+    submit: mergedStrings.submit === defaultStrings.submit ? defaultZhStrings.submit : mergedStrings.submit,
+    cancel: mergedStrings.cancel === defaultStrings.cancel ? defaultZhStrings.cancel : mergedStrings.cancel,
+    rememberChoice: mergedStrings.rememberChoice === defaultStrings.rememberChoice ? defaultZhStrings.rememberChoice : mergedStrings.rememberChoice,
+    requiredField: mergedStrings.requiredField === defaultStrings.requiredField ? defaultZhStrings.requiredField : mergedStrings.requiredField,
+    timeoutIn: mergedStrings.timeoutIn === defaultStrings.timeoutIn ? defaultZhStrings.timeoutIn : mergedStrings.timeoutIn,
+    seconds: mergedStrings.seconds === defaultStrings.seconds ? defaultZhStrings.seconds : mergedStrings.seconds,
+    executeTool: mergedStrings.executeTool === defaultStrings.executeTool ? defaultZhStrings.executeTool : mergedStrings.executeTool,
+    toolLabel: mergedStrings.toolLabel === defaultStrings.toolLabel ? defaultZhStrings.toolLabel : mergedStrings.toolLabel,
+    argsLabel: mergedStrings.argsLabel === defaultStrings.argsLabel ? defaultZhStrings.argsLabel : mergedStrings.argsLabel,
+    defaultPrefix: mergedStrings.defaultPrefix === defaultStrings.defaultPrefix ? defaultZhStrings.defaultPrefix : mergedStrings.defaultPrefix,
+    enterResponse: mergedStrings.enterResponse === defaultStrings.enterResponse ? defaultZhStrings.enterResponse : mergedStrings.enterResponse,
+    approvalRequest: mergedStrings.approvalRequest === defaultStrings.approvalRequest ? defaultZhStrings.approvalRequest : mergedStrings.approvalRequest,
+    inputRequest: mergedStrings.inputRequest === defaultStrings.inputRequest ? defaultZhStrings.inputRequest : mergedStrings.inputRequest
+  } : mergedStrings;
   const [answer, setAnswer] = useState15(interrupt.default || "");
   const [selectedIndices, setSelectedIndices] = useState15([]);
   const [isComposing, setIsComposing] = useState15(false);
@@ -8085,7 +8164,38 @@ var HitlCard = memo8(function HitlCard2({
     color: isDarkMode ? "#dbeafe" : "#1d4ed8"
   };
   const cancelButtonClass = isDarkMode ? "flex-1 rounded-lg border border-zinc-500 bg-zinc-700/80 px-3 py-2 text-sm font-semibold text-zinc-100 transition-colors hover:bg-zinc-600" : "flex-1 rounded-lg border border-zinc-300 bg-zinc-100 px-3 py-2 text-sm font-semibold text-zinc-900 transition-colors hover:bg-zinc-200";
-  const submitButtonClass = `flex-1 rounded-lg px-3 py-2 text-sm font-semibold ${isApproval && riskLevel === "high" ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"} text-white shadow-sm transition-colors disabled:cursor-not-allowed disabled:opacity-45`;
+  const isSubmitDisabled = isUserInput && interrupt.required && !answer.trim() && (!interrupt.options || selectedIndices.length === 0);
+  const submitButtonClass = `flex-1 rounded-lg border px-3 py-2 text-sm font-semibold transition-colors ${isSubmitDisabled ? "cursor-not-allowed" : "hover:brightness-105"}`;
+  const cancelButtonStyle = isDarkMode ? {
+    background: "rgba(63, 63, 70, 0.82)",
+    color: "#f4f4f5",
+    borderColor: "rgba(161, 161, 170, 0.6)"
+  } : {
+    background: "#f4f4f5",
+    color: "#18181b",
+    borderColor: "rgba(113, 113, 122, 0.45)"
+  };
+  const submitButtonStyle = isSubmitDisabled ? isDarkMode ? {
+    background: "rgba(82, 82, 91, 0.72)",
+    color: "#d4d4d8",
+    borderColor: "rgba(161, 161, 170, 0.35)",
+    boxShadow: "none"
+  } : {
+    background: "rgba(228, 228, 231, 0.98)",
+    color: "#52525b",
+    borderColor: "rgba(161, 161, 170, 0.42)",
+    boxShadow: "none"
+  } : isApproval && riskLevel === "high" ? {
+    background: "#dc2626",
+    color: "#ffffff",
+    borderColor: "rgba(220, 38, 38, 0.9)",
+    boxShadow: "0 2px 8px rgba(220, 38, 38, 0.35)"
+  } : {
+    background: "var(--chat-accent, #2563eb)",
+    color: "#ffffff",
+    borderColor: "transparent",
+    boxShadow: "0 2px 10px rgba(37, 99, 235, 0.3)"
+  };
   return /* @__PURE__ */ jsxs6(
     "div",
     {
@@ -8202,6 +8312,7 @@ var HitlCard = memo8(function HitlCard2({
             {
               onClick: handleCancel,
               className: cancelButtonClass,
+              style: cancelButtonStyle,
               children: isApproval ? t.reject : t.cancel
             }
           ),
@@ -8209,8 +8320,9 @@ var HitlCard = memo8(function HitlCard2({
             "button",
             {
               onClick: handleSubmit,
-              disabled: isUserInput && interrupt.required && !answer.trim() && (!interrupt.options || selectedIndices.length === 0),
+              disabled: isSubmitDisabled,
               className: submitButtonClass,
+              style: submitButtonStyle,
               children: isApproval ? t.approve : t.submit
             }
           )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yushaw/sanqian-chat",
-  "version": "0.2.24",
+  "version": "0.2.27",
   "description": "Floating chat window SDK for Sanqian AI Assistant",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",