@gendive/chatllm 0.22.1 → 0.23.1

package/dist/react/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   ArtifactCard: () => ArtifactCard,
+  ChatError: () => ChatError,
   ChatFloatingWidget: () => ChatFloatingWidget,
   ChatHeader: () => ChatHeader,
   ChatInput: () => ChatInput,
@@ -43,6 +44,7 @@ __export(index_exports, {
   ContentPartRenderer: () => ContentPartRenderer,
   DEFAULT_PROJECT_ID: () => DEFAULT_PROJECT_ID,
   DEFAULT_PROJECT_TITLE: () => DEFAULT_PROJECT_TITLE,
+  DEFAULT_RETRY_CONFIG: () => DEFAULT_RETRY_CONFIG,
   DeepResearchProgressUI: () => DeepResearchProgressUI,
   DevDiveAvatar: () => DevDiveAvatar,
   DevDiveFabCharacter: () => DevDiveFabCharacter,
@@ -66,28 +68,36 @@ __export(index_exports, {
   ResizeHandles: () => ResizeHandles,
   SettingsModal: () => SettingsModal,
   SkillProgressUI: () => SkillProgressUI,
+  classifyFetchError: () => classifyFetchError,
   convertSkillsToOpenAITools: () => convertSkillsToOpenAITools,
   convertToolsToSkills: () => convertToolsToSkills,
   createAdvancedResearchSkill: () => createAdvancedResearchSkill,
   createConversationSearchSkill: () => createConversationSearchSkill,
   createDeepResearchSkill: () => createDeepResearchSkill,
+  createTimeoutError: () => createTimeoutError,
   migrateSessionsToProjects: () => migrateSessionsToProjects,
+  parseSSELine: () => parseSSELine,
+  parseSSEResponse: () => parseSSEResponse,
   useChatUI: () => useChatUI,
+  useChecklist: () => useChecklist,
+  useContentParsers: () => useContentParsers,
   useDeepResearch: () => useDeepResearch,
   useDragResize: () => useDragResize,
   useFloatingWidget: () => useFloatingWidget,
   useImageError: () => useImageError,
   useObserver: () => useObserver,
   useProject: () => useProject,
-  useSkills: () => useSkills
+  useSkills: () => useSkills,
+  useStreamingFetch: () => useStreamingFetch,
+  withRetry: () => withRetry
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/react/ChatUI.tsx
-var import_react24 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // src/react/hooks/useChatUI.ts
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/types.ts
 var DEFAULT_PERSONALIZATION = {
@@ -2144,6 +2154,462 @@ var parseContextRefs = (content) => {
   return { refs, cleanContent };
 };
 
+// src/react/utils/errors.ts
+var ChatError = class extends Error {
+  code;
+  retryable;
+  statusCode;
+  originalError;
+  constructor(code, message, options) {
+    super(message);
+    this.name = "ChatError";
+    this.code = code;
+    this.statusCode = options?.statusCode;
+    this.originalError = options?.originalError;
+    this.retryable = options?.retryable ?? isRetryableCode(code);
+  }
+};
+var classifyStatusCode = (status) => {
+  if (status === 401 || status === 403) return "AUTH";
+  if (status === 429) return "RATE_LIMIT";
+  if (status >= 500) return "API";
+  if (status >= 400) return "API";
+  return "UNKNOWN";
+};
+var isRetryableCode = (code) => code === "NETWORK" || code === "RATE_LIMIT" || code === "API";
+var classifyFetchError = (error, response) => {
+  if (error instanceof DOMException && error.name === "AbortError") {
+    return new ChatError("ABORT", "\uC694\uCCAD\uC774 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
+      originalError: error,
+      retryable: false
+    });
+  }
+  if (error instanceof Error && error.name === "AbortError") {
+    return new ChatError("ABORT", "\uC694\uCCAD\uC774 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.", {
+      originalError: error,
+      retryable: false
+    });
+  }
+  if (error instanceof ChatError) return error;
+  if (response && !response.ok) {
+    const code = classifyStatusCode(response.status);
+    const messages = {
+      AUTH: "\uC778\uC99D\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. API \uD0A4\uB97C \uD655\uC778\uD574\uC8FC\uC138\uC694.",
+      RATE_LIMIT: "\uC694\uCCAD \uD55C\uB3C4\uB97C \uCD08\uACFC\uD588\uC2B5\uB2C8\uB2E4. \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.",
+      API: `\uC11C\uBC84 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. (${response.status})`,
+      NETWORK: "\uB124\uD2B8\uC6CC\uD06C \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.",
+      TIMEOUT: "\uC694\uCCAD \uC2DC\uAC04\uC774 \uCD08\uACFC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.",
+      ABORT: "\uC694\uCCAD\uC774 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4.",
+      UNKNOWN: "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4."
+    };
+    return new ChatError(code, messages[code], {
+      statusCode: response.status,
+      originalError: error
+    });
+  }
+  if (error instanceof TypeError) {
+    return new ChatError("NETWORK", "\uB124\uD2B8\uC6CC\uD06C \uC5F0\uACB0\uC744 \uD655\uC778\uD574\uC8FC\uC138\uC694.", {
+      originalError: error
+    });
+  }
+  const message = error instanceof Error ? error.message : "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.";
+  return new ChatError("UNKNOWN", message, { originalError: error });
+};
+var createTimeoutError = (timeoutMs) => new ChatError("TIMEOUT", `\uC2A4\uD2B8\uB9AC\uBC0D \uC751\uB2F5\uC774 ${timeoutMs / 1e3}\uCD08 \uB3D9\uC548 \uC5C6\uC2B5\uB2C8\uB2E4.`, {
+  retryable: false
+});
+
+// src/react/hooks/useStreamingFetch.ts
+var import_react6 = require("react");
+var DEFAULT_CHUNK_TIMEOUT = 3e4;
+var parseSSELine = (line) => {
+  if (!line.trim()) return null;
+  let data = line;
+  if (line.startsWith("data: ")) {
+    data = line.slice(6);
+    if (data === "[DONE]") return null;
+  }
+  try {
+    const parsed = JSON.parse(data);
+    let usage = null;
+    if (parsed.usage) {
+      usage = {
+        promptTokens: parsed.usage.prompt_tokens ?? parsed.usage.promptTokens ?? 0,
+        completionTokens: parsed.usage.completion_tokens ?? parsed.usage.completionTokens ?? 0,
+        totalTokens: parsed.usage.total_tokens ?? parsed.usage.totalTokens ?? 0
+      };
+    } else if (parsed.prompt_eval_count != null || parsed.eval_count != null) {
+      usage = {
+        promptTokens: parsed.prompt_eval_count ?? 0,
+        completionTokens: parsed.eval_count ?? 0,
+        totalTokens: (parsed.prompt_eval_count ?? 0) + (parsed.eval_count ?? 0)
+      };
+    }
+    const delta = parsed.choices?.[0]?.delta ?? null;
+    const finishReason = parsed.choices?.[0]?.finish_reason ?? null;
+    const content = delta?.content ?? parsed.message?.content ?? parsed.content ?? parsed.text ?? "";
+    const thinking = parsed.message?.thinking ?? "";
+    return { content, thinking, finishReason, delta, usage, raw: parsed };
+  } catch {
+    return null;
+  }
+};
+var parseSSEResponse = async (response) => {
+  const reader = response.body?.getReader();
+  if (!reader) return "";
+  const decoder = new TextDecoder();
+  let buffer = "";
+  let result = "";
+  try {
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split("\n");
+      buffer = lines.pop() || "";
+      for (const line of lines) {
+        const chunk = parseSSELine(line);
+        if (chunk?.content) result += chunk.content;
+      }
+    }
+    if (buffer.trim()) {
+      const chunk = parseSSELine(buffer);
+      if (chunk?.content) result += chunk.content;
+    }
+  } finally {
+    reader.releaseLock();
+  }
+  return result;
+};
+var useStreamingFetch = (options = {}) => {
+  const { chunkTimeout = DEFAULT_CHUNK_TIMEOUT } = options;
+  const abortControllersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
+  const createAbortController = (0, import_react6.useCallback)((sessionId) => {
+    const controller = new AbortController();
+    abortControllersRef.current.set(sessionId, controller);
+    return controller;
+  }, []);
+  const abort = (0, import_react6.useCallback)((sessionId) => {
+    abortControllersRef.current.get(sessionId)?.abort();
+  }, []);
+  const cleanup = (0, import_react6.useCallback)((sessionId) => {
+    abortControllersRef.current.delete(sessionId);
+  }, []);
+  const getSignal = (0, import_react6.useCallback)((sessionId) => {
+    return abortControllersRef.current.get(sessionId)?.signal;
+  }, []);
+  const readWithTimeout = (0, import_react6.useCallback)(async (reader) => {
+    let timerId;
+    try {
+      return await Promise.race([
+        reader.read(),
+        new Promise((_, reject) => {
+          timerId = setTimeout(() => reject(createTimeoutError(chunkTimeout)), chunkTimeout);
+        })
+      ]);
+    } finally {
+      clearTimeout(timerId);
+    }
+  }, [chunkTimeout]);
+  const streamResponse = (0, import_react6.useCallback)(async (response, onChunk, streamOptions) => {
+    if (!response.ok) {
+      throw classifyFetchError(new Error("API error"), response);
+    }
+    const reader = response.body?.getReader();
+    if (!reader) throw new Error("No reader");
+    const decoder = new TextDecoder();
+    let buffer = "";
+    let lastUsage = null;
+    try {
+      while (true) {
+        const { done, value } = streamOptions?.noTimeout ? await reader.read() : await readWithTimeout(reader);
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n");
+        buffer = lines.pop() || "";
+        let shouldBreak = false;
+        for (const line of lines) {
+          const chunk = parseSSELine(line);
+          if (!chunk) continue;
+          if (chunk.usage) lastUsage = chunk.usage;
+          const result = onChunk(chunk);
+          if (result === "break") {
+            shouldBreak = true;
+            break;
+          }
+        }
+        if (shouldBreak) break;
+      }
+      if (buffer.trim()) {
+        const chunk = parseSSELine(buffer);
+        if (chunk) {
+          if (chunk.usage) lastUsage = chunk.usage;
+          onChunk(chunk);
+        }
+      }
+    } finally {
+      reader.releaseLock();
+    }
+    return { usage: lastUsage };
+  }, [readWithTimeout]);
+  const fetchAndStream = (0, import_react6.useCallback)(async (fetchOptions, onChunk) => {
+    const response = await fetch(fetchOptions.url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(fetchOptions.body),
+      signal: fetchOptions.signal
+    });
+    fetchOptions.onHeaders?.(response);
+    return streamResponse(response, onChunk);
+  }, [streamResponse]);
+  return {
+    abortControllers: abortControllersRef,
+    createAbortController,
+    abort,
+    cleanup,
+    getSignal,
+    readWithTimeout,
+    streamResponse,
+    fetchAndStream,
+    parseSSELine
+  };
+};
+
+// src/react/hooks/useChecklist.ts
+var import_react7 = require("react");
+var CHECKLIST_STEP_DELAY_MS = 100;
+var toActiveItems = (items) => items.map((it) => ({
+  id: it.id,
+  title: it.title,
+  skill: it.skill,
+  fileIndex: it.fileIndex,
+  fileType: it.fileType,
+  refImage: it.refImage,
+  refStep: it.refStep
+}));
+var useChecklist = ({
+  sessionsRef,
+  sessions,
+  setSessions,
+  sendMessage,
+  abortControllers,
+  removeLoadingSession,
+  pendingAttachmentDataRef,
+  trackChecklistSkip,
+  resolveChecklistRefImage,
+  buildChecklistStepPrompt
+}) => {
+  const skipNextChecklistParsingRef = (0, import_react7.useRef)(false);
+  const activeChecklistRef = (0, import_react7.useRef)(null);
+  const pendingChecklistRef = (0, import_react7.useRef)(null);
+  const sendMessageRef = (0, import_react7.useRef)(sendMessage);
+  sendMessageRef.current = sendMessage;
+  const findSessionAndMessage = (0, import_react7.useCallback)(
+    (messageId) => {
+      const session = sessionsRef.current?.find(
+        (s) => s.messages.some((m) => m.id === messageId)
+      );
+      if (!session) return null;
+      const message = session.messages.find((m) => m.id === messageId);
+      if (!message?.checklistBlock) return null;
+      return { session, message };
+    },
+    [sessionsRef]
+  );
+  const executeStep = (0, import_react7.useCallback)(
+    (items, stepIndex, messageId, sessionId, isFirst) => {
+      skipNextChecklistParsingRef.current = true;
+      setTimeout(() => {
+        const item = items[stepIndex];
+        const refUrl = resolveChecklistRefImage(item, messageId, sessionId);
+        if (refUrl) {
+          pendingAttachmentDataRef.current = [
+            { name: "ref_image", mimeType: "image/png", base64: "", size: 0, url: refUrl }
+          ];
+        }
+        sendMessageRef.current(
+          buildChecklistStepPrompt(stepIndex, items.length, item, isFirst, refUrl),
+          { hiddenUserMessage: true, isChecklistExecution: true, checklistStep: { index: stepIndex, title: item.title } }
+        );
+      }, CHECKLIST_STEP_DELAY_MS);
+    },
+    [resolveChecklistRefImage, buildChecklistStepPrompt, pendingAttachmentDataRef]
+  );
+  const updateChecklistItems = (0, import_react7.useCallback)(
+    (sessionId, messageId, updater) => {
+      setSessions(
+        (prev) => prev.map((s) => {
+          if (s.id !== sessionId) return s;
+          return {
+            ...s,
+            messages: s.messages.map((m) => {
+              if (m.id !== messageId || !m.checklistBlock) return m;
+              const result = updater(m.checklistBlock.items, m.checklistBlock);
+              return {
+                ...m,
+                checklistBlock: {
+                  ...m.checklistBlock,
+                  items: result.items,
+                  ...result.currentStep !== void 0 ? { currentStep: result.currentStep } : {},
+                  ...result.completed !== void 0 ? { completed: result.completed } : {}
+                }
+              };
+            })
+          };
+        })
+      );
+    },
+    [setSessions]
+  );
+  const handleChecklistStart = (0, import_react7.useCallback)(
+    (messageId) => {
+      const found = findSessionAndMessage(messageId);
+      if (!found) return;
+      const { session, message } = found;
+      pendingChecklistRef.current = null;
+      activeChecklistRef.current = {
+        messageId,
+        sessionId: session.id,
+        items: toActiveItems(message.checklistBlock.items),
+        currentStep: 0,
+        stepResults: []
+      };
+      updateChecklistItems(session.id, messageId, (items) => ({
+        items: items.map((it, idx) => ({
+          ...it,
+          status: idx === 0 ? "in_progress" : it.status
+        })),
+        currentStep: 0
+      }));
+      executeStep(message.checklistBlock.items, 0, messageId, session.id, true);
+    },
+    [findSessionAndMessage, updateChecklistItems, executeStep]
+  );
+  const handleChecklistAbort = (0, import_react7.useCallback)(() => {
+    if (!activeChecklistRef.current) return;
+    const checklist = activeChecklistRef.current;
+    const stepIdx = checklist.currentStep;
+    abortControllers.current?.get(checklist.sessionId)?.abort();
+    updateChecklistItems(checklist.sessionId, checklist.messageId, (items) => ({
+      items: items.map((it, idx) => ({
+        ...it,
+        status: idx === stepIdx ? "error" : it.status
+      }))
+    }));
+    activeChecklistRef.current = null;
+    removeLoadingSession(checklist.sessionId);
+  }, [abortControllers, updateChecklistItems, removeLoadingSession]);
+  const handleChecklistRetry = (0, import_react7.useCallback)(
+    (messageId, stepIndex) => {
+      const found = findSessionAndMessage(messageId);
+      if (!found) return;
+      const { session, message } = found;
+      activeChecklistRef.current = {
+        messageId,
+        sessionId: session.id,
+        items: toActiveItems(message.checklistBlock.items),
+        currentStep: stepIndex,
+        stepResults: message.checklistBlock.items.slice(0, stepIndex).map((it) => it.result || "")
+      };
+      updateChecklistItems(session.id, messageId, (items) => ({
+        items: items.map((it, idx) => ({
+          ...it,
+          status: idx === stepIndex ? "in_progress" : idx > stepIndex ? "pending" : it.status
+        })),
+        currentStep: stepIndex
+      }));
+      executeStep(message.checklistBlock.items, stepIndex, messageId, session.id, stepIndex === 0);
+    },
+    [findSessionAndMessage, updateChecklistItems, executeStep]
+  );
+  const handleChecklistSkip = (0, import_react7.useCallback)(
+    (messageId, stepIndex) => {
+      const found = findSessionAndMessage(messageId);
+      if (!found) return;
+      const { session, message } = found;
+      trackChecklistSkip();
+      updateChecklistItems(session.id, messageId, (items) => ({
+        items: items.map((it, idx) => ({
+          ...it,
+          status: idx === stepIndex ? "done" : it.status,
+          result: idx === stepIndex ? "(\uAC74\uB108\uB700)" : it.result
+        }))
+      }));
+      const nextPending = message.checklistBlock.items.findIndex(
+        (it, idx) => idx > stepIndex && (it.status === "pending" || it.status === "error")
+      );
+      if (nextPending >= 0) {
+        activeChecklistRef.current = {
+          messageId,
+          sessionId: session.id,
+          items: toActiveItems(message.checklistBlock.items),
+          currentStep: nextPending,
+          stepResults: message.checklistBlock.items.slice(0, nextPending).map((it) => it.result || "(\uAC74\uB108\uB700)")
+        };
+        updateChecklistItems(session.id, messageId, (items) => ({
+          items: items.map((it, idx) => ({
+            ...it,
+            status: idx === nextPending ? "in_progress" : it.status
+          })),
+          currentStep: nextPending
+        }));
+        executeStep(message.checklistBlock.items, nextPending, messageId, session.id, false);
+      } else {
+        const allResults = message.checklistBlock.items.map((it, i) => {
+          const result = i === stepIndex ? "(\uAC74\uB108\uB700)" : it.result || "(\uAC74\uB108\uB700)";
+          return `### ${i + 1}. ${it.title}
+${result}`;
+        }).join("\n\n");
+        updateChecklistItems(session.id, messageId, () => ({
+          items: message.checklistBlock.items.map((it, idx) => ({
+            ...it,
+            status: idx === stepIndex ? "done" : it.status,
+            result: idx === stepIndex ? "(\uAC74\uB108\uB700)" : it.result
+          })),
+          completed: true
+        }));
+        skipNextChecklistParsingRef.current = true;
+        setTimeout(() => {
+          sendMessageRef.current(
+            `\uBAA8\uB4E0 \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uB2E8\uACC4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uC544\uB798\uB294 \uAC01 \uB2E8\uACC4\uBCC4 \uACB0\uACFC\uC785\uB2C8\uB2E4:
+
+${allResults}
+
+\uC704 \uACB0\uACFC\uB97C \uC885\uD569\uD558\uC5EC \uCD5C\uC885 \uACB0\uACFC\uBB3C\uC744 \uC644\uC131\uD574\uC8FC\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
+            { hiddenUserMessage: true, isChecklistExecution: true }
+          );
+        }, CHECKLIST_STEP_DELAY_MS);
+      }
+    },
+    [findSessionAndMessage, updateChecklistItems, executeStep, trackChecklistSkip]
+  );
+  const activeChecklistMessage = (0, import_react7.useMemo)(() => {
+    const active = activeChecklistRef.current;
+    if (!active) {
+      for (const session2 of sessions) {
+        const msg = session2.messages.find(
+          (m) => m.checklistBlock && !m.checklistBlock.completed
+        );
+        if (msg) return msg;
+      }
+      return null;
+    }
+    const session = sessions.find((s) => s.id === active.sessionId);
+    if (!session) return null;
+    return session.messages.find((m) => m.id === active.messageId) || null;
+  }, [sessions]);
+  return {
+    activeChecklistRef,
+    pendingChecklistRef,
+    skipNextChecklistParsingRef,
+    handleChecklistStart,
+    handleChecklistAbort,
+    handleChecklistRetry,
+    handleChecklistSkip,
+    activeChecklistMessage
+  };
+};
+
 // src/react/utils/sessionCache.ts
 var buildCacheKey = (storageKey, sessionId) => `${storageKey}_cache_${sessionId}`;
 var writeSessionCache = (storageKey, session) => {
@@ -2176,38 +2642,14 @@ var removeSessionCache = (storageKey, sessionId) => {
 };
 
 // src/react/hooks/useChatUI.ts
-var parseSSEResponse = async (response) => {
-  const reader = response.body?.getReader();
-  if (!reader) return "";
-  const decoder = new TextDecoder();
-  let buffer = "";
-  let result = "";
-  while (true) {
-    const { done, value } = await reader.read();
-    if (done) break;
-    buffer += decoder.decode(value, { stream: true });
-    const lines = buffer.split("\n");
-    buffer = lines.pop() || "";
-    for (const line of lines) {
-      if (line.startsWith("data: ")) {
-        const data = line.slice(6);
-        if (data === "[DONE]") continue;
-        try {
-          const parsed = JSON.parse(data);
-          const chunk = parsed.content ?? parsed.text ?? "";
-          if (chunk) result += chunk;
-        } catch {
-        }
-      }
-    }
-  }
-  return result;
-};
 var DEFAULT_STORAGE_KEY2 = "chatllm_sessions";
 var DEFAULT_COMPRESSION_THRESHOLD = 20;
 var DEFAULT_KEEP_RECENT = 6;
 var DEFAULT_RECOMPRESSION_THRESHOLD = 10;
 var DEFAULT_TOKEN_LIMIT = 8e3;
+var DEFAULT_STREAM_CHUNK_TIMEOUT = 3e4;
+var DEFAULT_MAX_TOOL_CALL_DEPTH = 5;
+var DEFAULT_MAX_TOOL_RESULT_SIZE = 1e4;
 var DEFAULT_SESSION_CONTEXT_MAX_CHARS = 4e3;
 var DEFAULT_SESSION_CONTEXT_MAX_ITEMS = 10;
 var SESSION_CONTEXT_ITEM_MAX_CHARS = 500;
@@ -2334,6 +2776,12 @@ var useChatUI = (options) => {
     onSendMessage,
     onSessionChange,
     onError,
+    streamChunkTimeout = DEFAULT_STREAM_CHUNK_TIMEOUT,
+    retry: retryConfig,
+    onAbort,
+    onTokenUsage,
+    maxToolCallDepth = DEFAULT_MAX_TOOL_CALL_DEPTH,
+    maxToolResultSize = DEFAULT_MAX_TOOL_RESULT_SIZE,
     onTitleChange,
     generateTitle: generateTitleCallback,
     // Memory options
@@ -2395,74 +2843,78 @@ var useChatUI = (options) => {
     onChecklistStepModel
   } = options;
   const enableAutoExtraction = enableAutoExtractionProp ?? !useExternalStorage;
-  const [sessions, setSessions] = (0, import_react6.useState)([]);
-  const [currentSessionId, setCurrentSessionId] = (0, import_react6.useState)(null);
-  const [input, setInput] = (0, import_react6.useState)("");
-  const [loadingSessionIds, setLoadingSessionIds] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
+  const [sessions, setSessions] = (0, import_react8.useState)([]);
+  const [currentSessionId, setCurrentSessionId] = (0, import_react8.useState)(null);
+  const [input, setInput] = (0, import_react8.useState)("");
+  const [loadingSessionIds, setLoadingSessionIds] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
   const isLoading = currentSessionId !== null && loadingSessionIds.has(currentSessionId);
-  const addLoadingSession = (0, import_react6.useCallback)((id) => setLoadingSessionIds((prev) => new Set(prev).add(id)), []);
-  const removeLoadingSession = (0, import_react6.useCallback)((id) => setLoadingSessionIds((prev) => {
+  const addLoadingSession = (0, import_react8.useCallback)((id) => setLoadingSessionIds((prev) => new Set(prev).add(id)), []);
+  const removeLoadingSession = (0, import_react8.useCallback)((id) => setLoadingSessionIds((prev) => {
     const next = new Set(prev);
     next.delete(id);
     return next;
   }), []);
-  const [selectedModel, setSelectedModel] = (0, import_react6.useState)(initialModel || models[0]?.id || "");
-  const [sidebarOpen, setSidebarOpen] = (0, import_react6.useState)(true);
-  const [settingsOpen, setSettingsOpen] = (0, import_react6.useState)(false);
-  const [quotedText, setQuotedText] = (0, import_react6.useState)(null);
-  const [selectedAction, setSelectedAction] = (0, import_react6.useState)(null);
-  const [copiedMessageId, setCopiedMessageId] = (0, import_react6.useState)(null);
-  const [editingMessageId, setEditingMessageId] = (0, import_react6.useState)(null);
-  const [personalization, setPersonalization] = (0, import_react6.useState)({
+  const [selectedModel, setSelectedModel] = (0, import_react8.useState)(initialModel || models[0]?.id || "");
+  const [sidebarOpen, setSidebarOpen] = (0, import_react8.useState)(true);
+  const [settingsOpen, setSettingsOpen] = (0, import_react8.useState)(false);
+  const [quotedText, setQuotedText] = (0, import_react8.useState)(null);
+  const [selectedAction, setSelectedAction] = (0, import_react8.useState)(null);
+  const [copiedMessageId, setCopiedMessageId] = (0, import_react8.useState)(null);
+  const [editingMessageId, setEditingMessageId] = (0, import_react8.useState)(null);
+  const [personalization, setPersonalization] = (0, import_react8.useState)({
     ...DEFAULT_PERSONALIZATION,
     ...initialPersonalization
   });
-  const [activeAlternatives, setActiveAlternatives] = (0, import_react6.useState)({});
-  const [loadingAlternativeFor, setLoadingAlternativeFor] = (0, import_react6.useState)(null);
-  const [isSessionsLoading, setIsSessionsLoading] = (0, import_react6.useState)(false);
-  const [isSessionLoading, setIsSessionLoading] = (0, import_react6.useState)(false);
-  const [isDeepResearchMode, setIsDeepResearchMode] = (0, import_react6.useState)(false);
-  const [attachments, setAttachments] = (0, import_react6.useState)([]);
-  const [isModelsLoading, setIsModelsLoading] = (0, import_react6.useState)(false);
-  const [loadedModels, setLoadedModels] = (0, import_react6.useState)(null);
-  const [deepResearchProgress, setDeepResearchProgress] = (0, import_react6.useState)(
+  const [activeAlternatives, setActiveAlternatives] = (0, import_react8.useState)({});
+  const [loadingAlternativeFor, setLoadingAlternativeFor] = (0, import_react8.useState)(null);
+  const [isSessionsLoading, setIsSessionsLoading] = (0, import_react8.useState)(false);
+  const [isSessionLoading, setIsSessionLoading] = (0, import_react8.useState)(false);
+  const [isDeepResearchMode, setIsDeepResearchMode] = (0, import_react8.useState)(false);
+  const [attachments, setAttachments] = (0, import_react8.useState)([]);
+  const [isModelsLoading, setIsModelsLoading] = (0, import_react8.useState)(false);
+  const [loadedModels, setLoadedModels] = (0, import_react8.useState)(null);
+  const [deepResearchProgress, setDeepResearchProgress] = (0, import_react8.useState)(
     null
   );
-  const sessionsRef = (0, import_react6.useRef)(sessions);
-  (0, import_react6.useEffect)(() => {
+  const sessionsRef = (0, import_react8.useRef)(sessions);
+  (0, import_react8.useEffect)(() => {
     sessionsRef.current = sessions;
   }, [sessions]);
-  const modelsRef = (0, import_react6.useRef)(models);
-  (0, import_react6.useEffect)(() => {
+  const modelsRef = (0, import_react8.useRef)(models);
+  (0, import_react8.useEffect)(() => {
     modelsRef.current = models;
   }, [models]);
-  const onSendMessageRef = (0, import_react6.useRef)(onSendMessage);
-  const onResponseHeadersRef = (0, import_react6.useRef)(options.onResponseHeaders);
-  const onSessionChangeRef = (0, import_react6.useRef)(onSessionChange);
-  const onErrorRef = (0, import_react6.useRef)(onError);
-  const onTitleChangeRef = (0, import_react6.useRef)(onTitleChange);
-  const generateTitleRef = (0, import_react6.useRef)(generateTitleCallback);
-  const onPersonalizationChangeRef = (0, import_react6.useRef)(options.onPersonalizationChange);
-  const onPersonalizationSaveRef = (0, import_react6.useRef)(options.onPersonalizationSave);
-  const onLoadSessionsRef = (0, import_react6.useRef)(onLoadSessions);
-  const onCreateSessionRef = (0, import_react6.useRef)(onCreateSession);
-  const onLoadSessionRef = (0, import_react6.useRef)(onLoadSession);
-  const onDeleteSessionCallbackRef = (0, import_react6.useRef)(onDeleteSessionCallback);
-  const onUpdateSessionTitleRef = (0, import_react6.useRef)(onUpdateSessionTitle);
-  const onSaveMessagesRef = (0, import_react6.useRef)(onSaveMessages);
-  const onToolCallRef = (0, import_react6.useRef)(onToolCall);
-  const onSkillCompleteRef = (0, import_react6.useRef)(onSkillComplete);
-  const onSessionContextChangeRef = (0, import_react6.useRef)(onSessionContextChange);
-  const onLoadModelsRef = (0, import_react6.useRef)(onLoadModels);
-  const onUploadImageRef = (0, import_react6.useRef)(onUploadImage);
-  const onImageErrorRef = (0, import_react6.useRef)(onImageError);
-  const fileUploaderRef = (0, import_react6.useRef)(fileUploader);
-  const globalMemoryRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const onSendMessageRef = (0, import_react8.useRef)(onSendMessage);
+  const onResponseHeadersRef = (0, import_react8.useRef)(options.onResponseHeaders);
+  const onSessionChangeRef = (0, import_react8.useRef)(onSessionChange);
+  const onErrorRef = (0, import_react8.useRef)(onError);
+  const onAbortRef = (0, import_react8.useRef)(onAbort);
+  const onTokenUsageRef = (0, import_react8.useRef)(onTokenUsage);
+  const onTitleChangeRef = (0, import_react8.useRef)(onTitleChange);
+  const generateTitleRef = (0, import_react8.useRef)(generateTitleCallback);
+  const onPersonalizationChangeRef = (0, import_react8.useRef)(options.onPersonalizationChange);
+  const onPersonalizationSaveRef = (0, import_react8.useRef)(options.onPersonalizationSave);
+  const onLoadSessionsRef = (0, import_react8.useRef)(onLoadSessions);
+  const onCreateSessionRef = (0, import_react8.useRef)(onCreateSession);
+  const onLoadSessionRef = (0, import_react8.useRef)(onLoadSession);
+  const onDeleteSessionCallbackRef = (0, import_react8.useRef)(onDeleteSessionCallback);
+  const onUpdateSessionTitleRef = (0, import_react8.useRef)(onUpdateSessionTitle);
+  const onSaveMessagesRef = (0, import_react8.useRef)(onSaveMessages);
+  const onToolCallRef = (0, import_react8.useRef)(onToolCall);
+  const onSkillCompleteRef = (0, import_react8.useRef)(onSkillComplete);
+  const onSessionContextChangeRef = (0, import_react8.useRef)(onSessionContextChange);
+  const onLoadModelsRef = (0, import_react8.useRef)(onLoadModels);
+  const onUploadImageRef = (0, import_react8.useRef)(onUploadImage);
+  const onImageErrorRef = (0, import_react8.useRef)(onImageError);
+  const fileUploaderRef = (0, import_react8.useRef)(fileUploader);
+  const globalMemoryRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     onSendMessageRef.current = onSendMessage;
     onResponseHeadersRef.current = options.onResponseHeaders;
     onSessionChangeRef.current = onSessionChange;
     onErrorRef.current = onError;
+    onAbortRef.current = onAbort;
+    onTokenUsageRef.current = onTokenUsage;
     onTitleChangeRef.current = onTitleChange;
     generateTitleRef.current = generateTitleCallback;
     onPersonalizationChangeRef.current = options.onPersonalizationChange;
@@ -2481,15 +2933,19 @@ var useChatUI = (options) => {
     fileUploaderRef.current = fileUploader;
     onLoadModelsRef.current = onLoadModels;
   });
-  const abortControllersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
-  const pendingInitialLoadRef = (0, import_react6.useRef)(null);
-  const skipNextPollParsingRef = (0, import_react6.useRef)(false);
-  const skipNextSkillParsingRef = (0, import_react6.useRef)(false);
-  const skipNextChecklistParsingRef = (0, import_react6.useRef)(false);
-  const activeChecklistRef = (0, import_react6.useRef)(null);
-  const pendingChecklistRef = (0, import_react6.useRef)(null);
-  const pendingAttachmentDataRef = (0, import_react6.useRef)(null);
-  const lastExtractionMsgCountRef = (0, import_react6.useRef)(0);
+  const abortControllersRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
+  const { streamResponse } = useStreamingFetch({ chunkTimeout: streamChunkTimeout });
+  const pendingInitialLoadRef = (0, import_react8.useRef)(null);
+  const skipNextPollParsingRef = (0, import_react8.useRef)(false);
+  const toolCallDepthRef = (0, import_react8.useRef)(0);
+  const skipNextSkillParsingRef = (0, import_react8.useRef)(false);
+  const sendMessageForChecklistRef = (0, import_react8.useRef)(
+    async () => {
+      console.warn("[ChatUI] sendMessageForChecklistRef called before sendMessage initialized");
+    }
+  );
+  const pendingAttachmentDataRef = (0, import_react8.useRef)(null);
+  const lastExtractionMsgCountRef = (0, import_react8.useRef)(0);
   const resolveChecklistRefImage = (item, checklistMessageId, sessionId) => {
     const session = sessionsRef.current.find((s) => s.id === sessionId);
     if (!session) return null;
@@ -2556,7 +3012,7 @@ ${hints.join(" ")}` : "";
     return `${stepLabel}
 ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`;
   };
-  const memoryOptions = (0, import_react6.useMemo)(
+  const memoryOptions = (0, import_react8.useMemo)(
     () => ({
       storageType: globalMemoryConfig?.storageType || "localStorage",
       storageKey: globalMemoryConfig?.localStorage?.key || `${storageKey}_memory`,
@@ -2570,11 +3026,11 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
   const globalMemoryRaw = useGlobalMemory(memoryOptions);
   const globalMemory = useGlobalMemoryEnabled ? globalMemoryRaw : null;
   globalMemoryRef.current = globalMemory;
-  const stableToolCall = (0, import_react6.useCallback)(
+  const stableToolCall = (0, import_react8.useCallback)(
     (name, params) => onToolCallRef.current(name, params),
     []
   );
-  const mergedSkills = (0, import_react6.useMemo)(() => {
+  const mergedSkills = (0, import_react8.useMemo)(() => {
     if (!tools || !onToolCall) return skills || {};
     const toolSkills = convertToolsToSkills(tools, stableToolCall);
     return { ...skills || {}, ...toolSkills };
@@ -2610,9 +3066,9 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
     onDeleteProjectFile,
     onError
   });
-  const [projectSettingsOpen, setProjectSettingsOpen] = (0, import_react6.useState)(false);
+  const [projectSettingsOpen, setProjectSettingsOpen] = (0, import_react8.useState)(false);
   const projectMemoryKey = enableProjects && projectHook.currentProjectId ? `${storageKey}_project_memory_${projectHook.currentProjectId}` : `${storageKey}_project_memory_none`;
-  const projectMemoryOptions = (0, import_react6.useMemo)(
+  const projectMemoryOptions = (0, import_react8.useMemo)(
     () => ({
       storageType: globalMemoryConfig?.storageType || "localStorage",
       storageKey: projectMemoryKey,
@@ -2624,7 +3080,7 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
   );
   const projectMemoryRaw = useGlobalMemory(projectMemoryOptions);
   const projectMemory = enableProjects ? projectMemoryRaw : null;
-  const unwrapResponseHeaders = (0, import_react6.useCallback)((result) => {
+  const unwrapResponseHeaders = (0, import_react8.useCallback)((result) => {
     if (typeof result === "object" && result !== null && "response" in result && "headers" in result) {
       const wrapped = result;
       onResponseHeadersRef.current?.(wrapped.headers);
@@ -2632,7 +3088,7 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
     }
     return result;
   }, []);
-  const emitFetchHeaders = (0, import_react6.useCallback)((response) => {
+  const emitFetchHeaders = (0, import_react8.useCallback)((response) => {
     if (onResponseHeadersRef.current && response.headers) {
       const headerMap = {};
       response.headers.forEach((v, k) => {
@@ -2641,7 +3097,7 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
       onResponseHeadersRef.current(headerMap);
     }
   }, []);
-  const callInternalLLM = (0, import_react6.useCallback)(async (prompt, model) => {
+  const callInternalLLM = (0, import_react8.useCallback)(async (prompt, model) => {
     if (onSendMessageRef.current) {
       const modelConfig = modelsRef.current.find((m) => m.id === model);
       const provider = modelConfig?.provider || "ollama";
@@ -2679,11 +3135,11 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
   const currentSession = sessions.find((s) => s.id === currentSessionId) || null;
   const messages = currentSession?.messages.filter((m) => !m.hidden) || [];
   const compressionState = currentSession?.compressionState || null;
-  const visibleSessions = (0, import_react6.useMemo)(() => {
+  const visibleSessions = (0, import_react8.useMemo)(() => {
     if (!enableProjects || !projectHook.currentProjectId) return sessions;
     return sessions.filter((s) => s.projectId === projectHook.currentProjectId);
   }, [sessions, enableProjects, projectHook.currentProjectId]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (useExternalStorage && onLoadSessionsRef.current) {
       setIsSessionsLoading(true);
@@ -2745,7 +3201,7 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
       }
     }
   }, [storageKey, useExternalStorage, initialModel, startWithNewSession]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!onLoadModelsRef.current) return;
     setIsModelsLoading(true);
     onLoadModelsRef.current().then((modelList) => {
@@ -2760,21 +3216,21 @@ ${focusHint}${hintLine} checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \u
     });
   }, []);
   const effectiveModels = loadedModels || models;
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (useExternalStorage) return;
     if (sessions.length > 0) {
       localStorage.setItem(storageKey, JSON.stringify(sessions));
     }
   }, [sessions, storageKey, useExternalStorage]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     localStorage.setItem(`${storageKey}_personalization`, JSON.stringify(personalization));
   }, [personalization, storageKey]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     onSessionChangeRef.current?.(currentSession);
   }, [currentSession]);
-  const buildSystemPrompt = (0, import_react6.useCallback)((session) => {
+  const buildSystemPrompt = (0, import_react8.useCallback)((session) => {
     const parts = [];
     const { userProfile, responseStyle, language } = personalization;
     const identityName = assistantName || "AI \uC5B4\uC2DC\uC2A4\uD134\uD2B8";
@@ -3133,7 +3589,7 @@ AI (\uD655\uC815):
     }
     return parts.length > 0 ? parts.join("\n") : "";
   }, [personalization, globalMemory, useGlobalMemoryEnabled, enablePoll, enableChecklist, buildSkillsPrompt, enableProjects, projectHook.currentProject, projectMemory, resolvedSkills, assistantName, onBuildSystemPrompt, compactSystemPrompt, selectedModel]);
-  const promoteToSessionContext = (0, import_react6.useCallback)((sessionId, skillName, content, metadata, label) => {
+  const promoteToSessionContext = (0, import_react8.useCallback)((sessionId, skillName, content, metadata, label) => {
     const item = createSessionContextItem(skillName, content, metadata, label);
     setSessions(
       (prev) => prev.map((s) => {
@@ -3144,7 +3600,7 @@ AI (\uD655\uC815):
       })
     );
   }, []);
-  const compressContext = (0, import_react6.useCallback)(async (messagesToCompress, model) => {
+  const compressContext = (0, import_react8.useCallback)(async (messagesToCompress, model) => {
     const conversationText = messagesToCompress.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
     const summaryPrompt = `\uB2E4\uC74C \uB300\uD654 \uB0B4\uC6A9\uC744 \uD575\uC2EC \uC815\uBCF4\uB9CC \uC720\uC9C0\uD558\uBA74\uC11C \uAC04\uACB0\uD558\uAC8C \uC694\uC57D\uD574\uC8FC\uC138\uC694.
 \uC911\uC694\uD55C \uACB0\uC815\uC0AC\uD56D, \uC0AC\uC6A9\uC790 \uC694\uAD6C\uC0AC\uD56D, \uB9E5\uB77D \uC815\uBCF4\uB97C \uBCF4\uC874\uD558\uC138\uC694.
@@ -3159,7 +3615,7 @@ ${conversationText}
       return "";
     }
   }, [callInternalLLM]);
-  const incrementalCompressContext = (0, import_react6.useCallback)(
+  const incrementalCompressContext = (0, import_react8.useCallback)(
     async (existingSummary, newMessages, model) => {
       const newConversation = newMessages.map((m) => `${m.role === "user" ? "\uC0AC\uC6A9\uC790" : "AI"}: ${m.content}`).join("\n\n");
       const mergePrompt = `\uAE30\uC874 \uB300\uD654 \uC694\uC57D\uACFC \uC0C8\uB85C\uC6B4 \uB300\uD654 \uB0B4\uC6A9\uC744 \uD1B5\uD569\uD558\uC5EC \uD558\uB098\uC758 \uC694\uC57D\uC73C\uB85C \uB9CC\uB4E4\uC5B4\uC8FC\uC138\uC694.
@@ -3186,10 +3642,10 @@ ${newConversation}
     },
     [callInternalLLM]
   );
-  const estimateTokens = (0, import_react6.useCallback)((messages2) => {
+  const estimateTokens = (0, import_react8.useCallback)((messages2) => {
     return messages2.reduce((sum, m) => sum + Math.ceil(m.content.length / 4), 0);
   }, []);
-  const newSession = (0, import_react6.useCallback)(async () => {
+  const newSession = (0, import_react8.useCallback)(async () => {
     const projectId = enableProjects ? projectHook.currentProjectId || DEFAULT_PROJECT_ID : void 0;
     if (useExternalStorage && onCreateSessionRef.current) {
       setIsSessionLoading(true);
@@ -3227,7 +3683,7 @@ ${newConversation}
     setSessions((prev) => [newSess, ...prev]);
     setCurrentSessionId(newSess.id);
   }, [selectedModel, useExternalStorage, enableProjects, projectHook.currentProjectId]);
-  const selectSession = (0, import_react6.useCallback)(async (id) => {
+  const selectSession = (0, import_react8.useCallback)(async (id) => {
     if (useExternalStorage && onLoadSessionRef.current) {
       setIsSessionLoading(true);
       try {
@@ -3331,13 +3787,13 @@ ${newConversation}
       setSelectedModel(session.model);
     }
   }, [sessions, useExternalStorage, storageKey, initialModel]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!pendingInitialLoadRef.current || !useExternalStorage) return;
     const id = pendingInitialLoadRef.current;
     pendingInitialLoadRef.current = null;
     selectSession(id);
   }, [currentSessionId, selectSession, useExternalStorage]);
-  const deleteSession = (0, import_react6.useCallback)(async (id) => {
+  const deleteSession = (0, import_react8.useCallback)(async (id) => {
     if (useExternalStorage && onDeleteSessionCallbackRef.current) {
       try {
         await onDeleteSessionCallbackRef.current(id);
@@ -3365,7 +3821,7 @@ ${newConversation}
       return filtered;
     });
   }, [currentSessionId, storageKey, useExternalStorage]);
-  const renameSession = (0, import_react6.useCallback)(async (id, newTitle) => {
+  const renameSession = (0, import_react8.useCallback)(async (id, newTitle) => {
     if (!newTitle.trim()) return;
     if (useExternalStorage && onUpdateSessionTitleRef.current) {
       try {
@@ -3388,7 +3844,7 @@ ${newConversation}
     );
     onTitleChangeRef.current?.(id, newTitle.trim());
   }, [useExternalStorage]);
-  const setModel = (0, import_react6.useCallback)((model) => {
+  const setModel = (0, import_react8.useCallback)((model) => {
     setSelectedModel(model);
     if (currentSessionId) {
       setSessions(
@@ -3396,10 +3852,10 @@ ${newConversation}
       );
     }
   }, [currentSessionId]);
-  const toggleSidebar = (0, import_react6.useCallback)(() => setSidebarOpen((prev) => !prev), []);
-  const openSettings = (0, import_react6.useCallback)(() => setSettingsOpen(true), []);
-  const closeSettings = (0, import_react6.useCallback)(() => setSettingsOpen(false), []);
-  const copyMessage = (0, import_react6.useCallback)((content, id) => {
+  const toggleSidebar = (0, import_react8.useCallback)(() => setSidebarOpen((prev) => !prev), []);
+  const openSettings = (0, import_react8.useCallback)(() => setSettingsOpen(true), []);
+  const closeSettings = (0, import_react8.useCallback)(() => setSettingsOpen(false), []);
+  const copyMessage = (0, import_react8.useCallback)((content, id) => {
     if (typeof navigator !== "undefined") {
       navigator.clipboard.writeText(content).then(() => {
         setCopiedMessageId(id);
@@ -3407,30 +3863,30 @@ ${newConversation}
       });
     }
   }, []);
-  const startEdit = (0, import_react6.useCallback)((message) => {
+  const startEdit = (0, import_react8.useCallback)((message) => {
     if (message.role === "user") {
       setEditingMessageId(message.id);
     }
   }, []);
-  const cancelEdit = (0, import_react6.useCallback)(() => {
+  const cancelEdit = (0, import_react8.useCallback)(() => {
     setEditingMessageId(null);
   }, []);
-  const stopGeneration = (0, import_react6.useCallback)(() => {
+  const stopGeneration = (0, import_react8.useCallback)(() => {
     if (currentSessionId) {
       abortControllersRef.current.get(currentSessionId)?.abort();
     }
   }, [currentSessionId]);
-  const updatePersonalization = (0, import_react6.useCallback)((config) => {
+  const updatePersonalization = (0, import_react8.useCallback)((config) => {
     setPersonalization((prev) => {
       const next = { ...prev, ...config };
       onPersonalizationChangeRef.current?.(next);
       return next;
     });
   }, []);
-  const savePersonalization = (0, import_react6.useCallback)(() => {
+  const savePersonalization = (0, import_react8.useCallback)(() => {
     onPersonalizationSaveRef.current?.(personalization);
   }, [personalization]);
-  const addAttachments = (0, import_react6.useCallback)((files) => {
+  const addAttachments = (0, import_react8.useCallback)((files) => {
     const newAttachments = files.map((file) => {
       const isImage = file.type.startsWith("image/");
       return {
@@ -3445,7 +3901,7 @@ ${newConversation}
     });
     setAttachments((prev) => [...prev, ...newAttachments]);
   }, []);
-  const removeAttachment = (0, import_react6.useCallback)((id) => {
+  const removeAttachment = (0, import_react8.useCallback)((id) => {
     setAttachments((prev) => {
       const target = prev.find((a) => a.id === id);
       if (target?.previewUrl) {
@@ -3454,17 +3910,17 @@ ${newConversation}
       return prev.filter((a) => a.id !== id);
     });
   }, []);
-  const toggleDeepResearchMode = (0, import_react6.useCallback)(() => {
+  const toggleDeepResearchMode = (0, import_react8.useCallback)(() => {
     setIsDeepResearchMode((prev) => !prev);
   }, []);
-  const trackBehavior = (0, import_react6.useCallback)(async (key, updater) => {
+  const trackBehavior = (0, import_react8.useCallback)(async (key, updater) => {
     if (!globalMemory) return;
     const fullKey = `behavior.${key}`;
     const prev = globalMemory.get(fullKey) ?? {};
     const next = updater(prev);
     await globalMemory.set(fullKey, next, { category: "behavior" });
   }, [globalMemory]);
-  const trackMessageLength = (0, import_react6.useCallback)((length) => {
+  const trackMessageLength = (0, import_react8.useCallback)((length) => {
     trackBehavior("messageLength", (prev) => {
       const samples = (prev.messageLengthSamples || []).slice(-19);
       samples.push(length);
@@ -3472,39 +3928,69 @@ ${newConversation}
       return { ...prev, messageLengthSamples: samples, avgMessageLength: avg };
     });
   }, [trackBehavior]);
-  const trackSkillUsage = (0, import_react6.useCallback)((skillName) => {
+  const trackSkillUsage = (0, import_react8.useCallback)((skillName) => {
     trackBehavior("skillUsage", (prev) => ({
       ...prev,
       [skillName]: (prev[skillName] || 0) + 1
     }));
   }, [trackBehavior]);
-  const trackChecklistSkip = (0, import_react6.useCallback)(() => {
+  const trackChecklistSkip = (0, import_react8.useCallback)(() => {
     trackBehavior("checklistSkipRate", (prev) => ({
       total: (prev.total || 0) + 1,
       skipped: (prev.skipped || 0) + 1
     }));
   }, [trackBehavior]);
-  const trackChecklistComplete = (0, import_react6.useCallback)(() => {
+  const trackChecklistComplete = (0, import_react8.useCallback)(() => {
     trackBehavior("checklistSkipRate", (prev) => ({
       total: (prev.total || 0) + 1,
       skipped: prev.skipped || 0
     }));
   }, [trackBehavior]);
-  const trackRegenerate = (0, import_react6.useCallback)(() => {
+  const {
+    activeChecklistRef,
+    pendingChecklistRef,
+    skipNextChecklistParsingRef,
+    handleChecklistStart,
+    handleChecklistAbort,
+    handleChecklistRetry,
+    handleChecklistSkip
+  } = useChecklist({
+    sessionsRef,
+    sessions,
+    setSessions,
+    sendMessage: (...args) => sendMessageForChecklistRef.current(...args),
+    abortControllers: abortControllersRef,
+    removeLoadingSession,
+    pendingAttachmentDataRef,
+    trackChecklistSkip,
+    resolveChecklistRefImage,
+    buildChecklistStepPrompt
+  });
+  const trackRegenerate = (0, import_react8.useCallback)(() => {
     trackBehavior("regenerateRate", (prev) => ({
       ...prev,
       regenerated: (prev.regenerated || 0) + 1
     }));
   }, [trackBehavior]);
-  const trackMessageSent = (0, import_react6.useCallback)(() => {
+  const trackMessageSent = (0, import_react8.useCallback)(() => {
     trackBehavior("regenerateRate", (prev) => ({
       total: (prev.total || 0) + 1,
       regenerated: prev.regenerated || 0
     }));
   }, [trackBehavior]);
-  const sendMessage = (0, import_react6.useCallback)(async (content, options2) => {
+  const sendMessage = (0, import_react8.useCallback)(async (content, options2) => {
     const messageContent = content || input;
     if (!messageContent.trim() && attachments.length === 0 || isLoading) return;
+    if (options2?.hiddenUserMessage) {
+      toolCallDepthRef.current += 1;
+      if (toolCallDepthRef.current > maxToolCallDepth) {
+        toolCallDepthRef.current = 0;
+        onErrorRef.current?.(new Error(`\uB3C4\uAD6C \uD638\uCD9C \uAE4A\uC774 \uC81C\uD55C \uCD08\uACFC (\uCD5C\uB300 ${maxToolCallDepth}\uD68C)`));
+        return;
+      }
+    } else {
+      toolCallDepthRef.current = 0;
+    }
     let sessionId = currentSessionId;
     if (!sessionId) {
       if (useExternalStorage && onCreateSessionRef.current) {
@@ -3790,10 +4276,11 @@ ${finalContent}`;
       return;
     }
     abortControllersRef.current.set(capturedSessionId, new AbortController());
+    let accumulatedContent = "";
+    let lastUsage = null;
     try {
       const shouldSkipSkillParsing = skipNextSkillParsingRef.current;
       skipNextSkillParsingRef.current = false;
-      let accumulatedContent = "";
       let checklistStepImageUrl = null;
       let messagesToSend = [...existingMessages, userMessage];
       const recompressionThreshold = DEFAULT_RECOMPRESSION_THRESHOLD;
@@ -3999,119 +4486,71 @@ ${attachmentContext}
         emitFetchHeaders(response);
       }
       if (response) {
-        if (!response.ok) throw new Error("API error");
-        const reader = response.body?.getReader();
-        if (!reader) throw new Error("No reader");
-        const decoder = new TextDecoder();
-        let buffer = "";
         let skillTagDetected = false;
         let checklistTagDetected = false;
         let toolCallAcc = null;
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          buffer += decoder.decode(value, { stream: true });
-          const lines = buffer.split("\n");
-          buffer = lines.pop() || "";
-          for (const line of lines) {
-            if (!line.trim()) continue;
-            let data = line;
-            if (line.startsWith("data: ")) {
-              data = line.slice(6);
-              if (data === "[DONE]") continue;
-            }
-            try {
-              const parsed = JSON.parse(data);
-              const delta = parsed.choices?.[0]?.delta;
-              const finishReason = parsed.choices?.[0]?.finish_reason;
-              if (useNativeTools && delta?.tool_calls) {
-                toolCallAcc = accumulateToolCallDelta(toolCallAcc, delta);
-              }
-              if (useNativeTools && finishReason === "tool_calls" && toolCallAcc) {
-                accumulatedContent += toolCallToSkillUseXml(toolCallAcc);
-                skillTagDetected = true;
-                break;
-              }
-              const content2 = delta?.content || parsed.message?.content || parsed.content || parsed.text || "";
-              const thinking = parsed.message?.thinking || "";
-              if (content2 || thinking) {
-                if (content2) accumulatedContent += content2;
-                if (!shouldSkipSkillParsing && accumulatedContent.includes("</skill_use>")) {
-                  const endIdx = accumulatedContent.indexOf("</skill_use>");
-                  accumulatedContent = accumulatedContent.substring(0, endIdx + "</skill_use>".length);
-                  skillTagDetected = true;
-                }
-                if (!skipNextChecklistParsingRef.current && accumulatedContent.includes("</checklist>")) {
-                  const endIdx = accumulatedContent.indexOf("</checklist>");
-                  accumulatedContent = accumulatedContent.substring(0, endIdx + "</checklist>".length);
-                  checklistTagDetected = true;
-                }
-                const displayContent = skillTagDetected ? accumulatedContent : null;
-                setSessions(
-                  (prev) => prev.map((s) => {
-                    if (s.id === capturedSessionId) {
-                      return {
-                        ...s,
-                        messages: s.messages.map((m) => {
-                          if (m.id !== assistantMessageId) return m;
-                          if (displayContent) {
-                            return { ...m, content: displayContent };
-                          }
-                          let newContent = m.content;
-                          if (thinking) {
-                            if (!newContent.includes("<thinking>")) {
-                              newContent = "<thinking>" + thinking;
-                            } else if (!newContent.includes("</thinking>")) {
-                              newContent += thinking;
-                            }
-                          }
-                          if (content2) {
-                            if (newContent.includes("<thinking>") && !newContent.includes("</thinking>")) {
-                              newContent += "</thinking>\n\n";
-                            }
-                            newContent += content2;
-                          }
-                          return { ...m, content: newContent };
-                        })
-                      };
-                    }
-                    return s;
-                  })
-                );
-                if (skillTagDetected || checklistTagDetected) break;
-              }
-            } catch {
-            }
+        const streamResult = await streamResponse(response, (chunk) => {
+          if (useNativeTools && chunk.delta?.tool_calls) {
+            toolCallAcc = accumulateToolCallDelta(toolCallAcc, chunk.delta);
           }
-          if (skillTagDetected || checklistTagDetected) break;
-        }
-        if (useNativeTools && toolCallAcc && !skillTagDetected) {
-          accumulatedContent += toolCallToSkillUseXml(toolCallAcc);
-          skillTagDetected = true;
-        }
-        if (buffer.trim()) {
-          try {
-            const parsed = JSON.parse(buffer);
-            const content2 = parsed.message?.content || parsed.content || parsed.text;
-            if (content2) {
-              accumulatedContent += content2;
-              setSessions(
-                (prev) => prev.map((s) => {
-                  if (s.id === capturedSessionId) {
-                    return {
-                      ...s,
-                      messages: s.messages.map(
-                        (m) => m.id === assistantMessageId ? { ...m, content: m.content + content2 } : m
-                      )
-                    };
-                  }
-                  return s;
-                })
-              );
-            }
-          } catch {
+          if (useNativeTools && chunk.finishReason === "tool_calls" && toolCallAcc) {
+            accumulatedContent += toolCallToSkillUseXml(toolCallAcc);
+            skillTagDetected = true;
+            return "break";
           }
-        }
+          const { content: content2, thinking } = chunk;
+          if (content2 || thinking) {
+            if (content2) accumulatedContent += content2;
+            if (!shouldSkipSkillParsing && accumulatedContent.includes("</skill_use>")) {
+              const endIdx = accumulatedContent.indexOf("</skill_use>");
+              accumulatedContent = accumulatedContent.substring(0, endIdx + "</skill_use>".length);
+              skillTagDetected = true;
+            }
+            if (!skipNextChecklistParsingRef.current && accumulatedContent.includes("</checklist>")) {
+              const endIdx = accumulatedContent.indexOf("</checklist>");
+              accumulatedContent = accumulatedContent.substring(0, endIdx + "</checklist>".length);
+              checklistTagDetected = true;
+            }
+            const displayContent = skillTagDetected ? accumulatedContent : null;
+            setSessions(
+              (prev) => prev.map((s) => {
+                if (s.id === capturedSessionId) {
+                  return {
+                    ...s,
+                    messages: s.messages.map((m) => {
+                      if (m.id !== assistantMessageId) return m;
+                      if (displayContent) {
+                        return { ...m, content: displayContent };
+                      }
+                      let newContent = m.content;
+                      if (thinking) {
+                        if (!newContent.includes("<thinking>")) {
+                          newContent = "<thinking>" + thinking;
+                        } else if (!newContent.includes("</thinking>")) {
+                          newContent += thinking;
+                        }
+                      }
+                      if (content2) {
+                        if (newContent.includes("<thinking>") && !newContent.includes("</thinking>")) {
+                          newContent += "</thinking>\n\n";
+                        }
+                        newContent += content2;
+                      }
+                      return { ...m, content: newContent };
+                    })
+                  };
+                }
+                return s;
+              })
+            );
+            if (skillTagDetected || checklistTagDetected) return "break";
+          }
+        });
+        lastUsage = streamResult.usage;
+        if (useNativeTools && toolCallAcc && !skillTagDetected) {
+          accumulatedContent += toolCallToSkillUseXml(toolCallAcc);
+          skillTagDetected = true;
+        }
       }
       const saveMessagesOnEarlyReturn = (overrideContentParts) => {
         if (!useExternalStorage || !capturedSessionId) return;
@@ -4472,9 +4911,10 @@ ${result.content}
               }
               skipNextSkillParsingRef.current = true;
               saveMessagesOnEarlyReturn();
+              const truncatedResult = result.content.length > maxToolResultSize ? result.content.substring(0, maxToolResultSize) + "\n\n...(truncated)" : result.content;
               const resultPrompt = `\uC2A4\uD0AC "${detectedSkill.name}" \uC2E4\uD589 \uACB0\uACFC:
 
-${result.content}
+${truncatedResult}
 
 \uC704 \uACB0\uACFC\uB97C \uBC14\uD0D5\uC73C\uB85C \uC0AC\uC6A9\uC790\uC758 \uC6D0\uB798 \uC9C8\uBB38\uC5D0 \uB2F5\uBCC0\uD574\uC8FC\uC138\uC694. skill_use \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`;
               setTimeout(() => {
@@ -4800,6 +5240,32 @@ ${stepSummary}
           };
         })
       );
+      if (lastUsage && capturedSessionId) {
+        const usage = lastUsage;
+        setSessions(
+          (prev) => prev.map((s) => {
+            if (s.id !== capturedSessionId) return s;
+            const prevStats = s.tokenStats ?? {
+              totalPromptTokens: 0,
+              totalCompletionTokens: 0,
+              totalTokens: 0,
+              messageCount: 0,
+              lastUpdated: 0
+            };
+            return {
+              ...s,
+              tokenStats: {
+                totalPromptTokens: prevStats.totalPromptTokens + usage.promptTokens,
+                totalCompletionTokens: prevStats.totalCompletionTokens + usage.completionTokens,
+                totalTokens: prevStats.totalTokens + usage.totalTokens,
+                messageCount: prevStats.messageCount + 1,
+                lastUpdated: Date.now()
+              }
+            };
+          })
+        );
+        onTokenUsageRef.current?.(capturedSessionId, usage);
+      }
       if (useExternalStorage && capturedSessionId) {
         const assistantContentForSave = accumulatedContent;
         if (assistantContentForSave && onSaveMessagesRef.current) {
@@ -4839,18 +5305,32 @@ ${stepSummary}
         observer.processMessages(capturedSessionId, newMessages);
       }
     } catch (error) {
-      if (error instanceof Error && error.name === "AbortError") {
+      const classified = classifyFetchError(error);
+      if (classified.code === "ABORT") {
+        if (accumulatedContent) {
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id !== capturedSessionId) return s;
+              return {
+                ...s,
+                messages: s.messages.map(
+                  (m) => m.id === assistantMessageId ? { ...m, content: accumulatedContent } : m
+                )
+              };
+            })
+          );
+          onAbortRef.current?.(capturedSessionId, accumulatedContent);
+        }
         return;
       }
-      const err = error instanceof Error ? error : new Error("Unknown error");
-      onErrorRef.current?.(err);
+      onErrorRef.current?.(classified);
       setSessions(
         (prev) => prev.map((s) => {
           if (s.id === capturedSessionId) {
             return {
               ...s,
               messages: s.messages.map(
-                (m) => m.id === assistantMessageId ? { ...m, content: "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694." } : m
+                (m) => m.id === assistantMessageId ? { ...m, content: accumulatedContent || "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694." } : m
               )
             };
           }
@@ -4883,241 +5363,8 @@ ${stepSummary}
     attachments,
     continueAfterToolResult
   ]);
-  const handleChecklistStart = (0, import_react6.useCallback)(
-    (messageId) => {
-      const session = sessionsRef.current.find(
-        (s) => s.messages.some((m) => m.id === messageId)
-      );
-      if (!session) return;
-      const message = session.messages.find((m) => m.id === messageId);
-      if (!message?.checklistBlock) return;
-      pendingChecklistRef.current = null;
-      activeChecklistRef.current = {
-        messageId,
-        sessionId: session.id,
-        items: message.checklistBlock.items.map((it) => ({ id: it.id, title: it.title, skill: it.skill, fileIndex: it.fileIndex, fileType: it.fileType, refImage: it.refImage, refStep: it.refStep })),
-        currentStep: 0,
-        stepResults: []
-      };
-      setSessions(
-        (prev) => prev.map((s) => {
-          if (s.id !== session.id) return s;
-          return {
-            ...s,
-            messages: s.messages.map((m) => {
-              if (m.id !== messageId || !m.checklistBlock) return m;
-              const updatedItems = m.checklistBlock.items.map((it, idx) => ({
-                ...it,
-                status: idx === 0 ? "in_progress" : it.status
-              }));
-              return {
-                ...m,
-                checklistBlock: { ...m.checklistBlock, items: updatedItems, currentStep: 0 }
-              };
-            })
-          };
-        })
-      );
-      skipNextChecklistParsingRef.current = true;
-      setTimeout(() => {
-        const items = message.checklistBlock.items;
-        const refUrl = resolveChecklistRefImage(items[0], messageId, session.id);
-        if (refUrl) pendingAttachmentDataRef.current = [{ name: "ref_image", mimeType: "image/png", base64: "", size: 0, url: refUrl }];
-        sendMessage(
-          buildChecklistStepPrompt(0, items.length, items[0], true, refUrl),
-          { hiddenUserMessage: true, isChecklistExecution: true, checklistStep: { index: 0, title: items[0].title } }
-        );
-      }, 100);
-    },
-    [sendMessage]
-  );
-  const handleChecklistAbort = (0, import_react6.useCallback)(() => {
-    if (!activeChecklistRef.current) return;
-    const checklist = activeChecklistRef.current;
-    const stepIdx = checklist.currentStep;
-    abortControllersRef.current.get(checklist.sessionId)?.abort();
-    setSessions(
-      (prev) => prev.map((s) => {
-        if (s.id !== checklist.sessionId) return s;
-        return {
-          ...s,
-          messages: s.messages.map((m) => {
-            if (m.id !== checklist.messageId || !m.checklistBlock) return m;
-            return {
-              ...m,
-              checklistBlock: {
-                ...m.checklistBlock,
-                items: m.checklistBlock.items.map((it, idx) => ({
-                  ...it,
-                  status: idx === stepIdx ? "error" : it.status
-                }))
-              }
-            };
-          })
-        };
-      })
-    );
-    activeChecklistRef.current = null;
-    removeLoadingSession(checklist.sessionId);
-  }, [removeLoadingSession]);
-  const handleChecklistRetry = (0, import_react6.useCallback)(
-    (messageId, stepIndex) => {
-      const session = sessionsRef.current.find(
-        (s) => s.messages.some((m) => m.id === messageId)
-      );
-      if (!session) return;
-      const message = session.messages.find((m) => m.id === messageId);
-      if (!message?.checklistBlock) return;
-      activeChecklistRef.current = {
-        messageId,
-        sessionId: session.id,
-        items: message.checklistBlock.items.map((it) => ({ id: it.id, title: it.title, skill: it.skill, fileIndex: it.fileIndex, fileType: it.fileType, refImage: it.refImage, refStep: it.refStep })),
-        currentStep: stepIndex,
-        stepResults: message.checklistBlock.items.slice(0, stepIndex).map((it) => it.result || "")
-      };
-      setSessions(
-        (prev) => prev.map((s) => {
-          if (s.id !== session.id) return s;
-          return {
-            ...s,
-            messages: s.messages.map((m) => {
-              if (m.id !== messageId || !m.checklistBlock) return m;
-              return {
-                ...m,
-                checklistBlock: {
-                  ...m.checklistBlock,
-                  items: m.checklistBlock.items.map((it, idx) => ({
-                    ...it,
-                    status: idx === stepIndex ? "in_progress" : idx > stepIndex ? "pending" : it.status
-                  })),
-                  currentStep: stepIndex
-                }
-              };
-            })
-          };
-        })
-      );
-      skipNextChecklistParsingRef.current = true;
-      setTimeout(() => {
-        const items = message.checklistBlock.items;
-        const refUrl = resolveChecklistRefImage(items[stepIndex], messageId, session.id);
-        if (refUrl) pendingAttachmentDataRef.current = [{ name: "ref_image", mimeType: "image/png", base64: "", size: 0, url: refUrl }];
-        sendMessage(
-          buildChecklistStepPrompt(stepIndex, items.length, items[stepIndex], stepIndex === 0, refUrl),
-          { hiddenUserMessage: true, isChecklistExecution: true, checklistStep: { index: stepIndex, title: items[stepIndex].title } }
-        );
-      }, 100);
-    },
-    [sendMessage]
-  );
-  const handleChecklistSkip = (0, import_react6.useCallback)(
-    (messageId, stepIndex) => {
-      const session = sessionsRef.current.find(
-        (s) => s.messages.some((m) => m.id === messageId)
-      );
-      if (!session) return;
-      const message = session.messages.find((m) => m.id === messageId);
-      if (!message?.checklistBlock) return;
-      trackChecklistSkip();
-      setSessions(
-        (prev) => prev.map((s) => {
-          if (s.id !== session.id) return s;
-          return {
-            ...s,
-            messages: s.messages.map((m) => {
-              if (m.id !== messageId || !m.checklistBlock) return m;
-              return {
-                ...m,
-                checklistBlock: {
-                  ...m.checklistBlock,
-                  items: m.checklistBlock.items.map((it, idx) => ({
-                    ...it,
-                    status: idx === stepIndex ? "done" : it.status,
-                    result: idx === stepIndex ? "(\uAC74\uB108\uB700)" : it.result
-                  }))
-                }
-              };
-            })
-          };
-        })
-      );
-      const nextPending = message.checklistBlock.items.findIndex(
-        (it, idx) => idx > stepIndex && (it.status === "pending" || it.status === "error")
-      );
-      if (nextPending >= 0) {
-        activeChecklistRef.current = {
-          messageId,
-          sessionId: session.id,
-          items: message.checklistBlock.items.map((it) => ({ id: it.id, title: it.title, skill: it.skill, fileIndex: it.fileIndex, fileType: it.fileType, refImage: it.refImage, refStep: it.refStep })),
-          currentStep: nextPending,
-          stepResults: message.checklistBlock.items.slice(0, nextPending).map((it) => it.result || "(\uAC74\uB108\uB700)")
-        };
-        setSessions(
-          (prev) => prev.map((s) => {
-            if (s.id !== session.id) return s;
-            return {
-              ...s,
-              messages: s.messages.map((m) => {
-                if (m.id !== messageId || !m.checklistBlock) return m;
-                return {
-                  ...m,
-                  checklistBlock: {
-                    ...m.checklistBlock,
-                    items: m.checklistBlock.items.map((it, idx) => ({
-                      ...it,
-                      status: idx === nextPending ? "in_progress" : it.status
-                    })),
-                    currentStep: nextPending
-                  }
-                };
-              })
-            };
-          })
-        );
-        skipNextChecklistParsingRef.current = true;
-        setTimeout(() => {
-          const items = message.checklistBlock.items;
-          const refUrl = resolveChecklistRefImage(items[nextPending], messageId, session.id);
-          if (refUrl) pendingAttachmentDataRef.current = [{ name: "ref_image", mimeType: "image/png", base64: "", size: 0, url: refUrl }];
-          sendMessage(
-            buildChecklistStepPrompt(nextPending, items.length, items[nextPending], false, refUrl),
-            { hiddenUserMessage: true, isChecklistExecution: true, checklistStep: { index: nextPending, title: items[nextPending].title } }
-          );
-        }, 100);
-      } else {
-        const allResults = message.checklistBlock.items.map((it, i) => {
-          const result = i === stepIndex ? "(\uAC74\uB108\uB700)" : it.result || "(\uAC74\uB108\uB700)";
-          return `### ${i + 1}. ${it.title}
-${result}`;
-        }).join("\n\n");
-        setSessions(
-          (prev) => prev.map((s) => {
-            if (s.id !== session.id) return s;
-            return {
-              ...s,
-              messages: s.messages.map((m) => {
-                if (m.id !== messageId || !m.checklistBlock) return m;
-                return { ...m, checklistBlock: { ...m.checklistBlock, completed: true } };
-              })
-            };
-          })
-        );
-        skipNextChecklistParsingRef.current = true;
-        setTimeout(() => {
-          sendMessage(
-            `\uBAA8\uB4E0 \uCCB4\uD06C\uB9AC\uC2A4\uD2B8 \uB2E8\uACC4\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uC544\uB798\uB294 \uAC01 \uB2E8\uACC4\uBCC4 \uACB0\uACFC\uC785\uB2C8\uB2E4:
-
-${allResults}
-
-\uC704 \uACB0\uACFC\uB97C \uC885\uD569\uD558\uC5EC \uCD5C\uC885 \uACB0\uACFC\uBB3C\uC744 \uC644\uC131\uD574\uC8FC\uC138\uC694. checklist \uD0DC\uADF8\uB294 \uC0AC\uC6A9\uD558\uC9C0 \uB9C8\uC138\uC694.`,
-            { hiddenUserMessage: true, isChecklistExecution: true }
-          );
-        }, 100);
-      }
-    },
-    [sendMessage]
-  );
-  const handlePollSubmit = (0, import_react6.useCallback)(
+  sendMessageForChecklistRef.current = sendMessage;
+  const handlePollSubmit = (0, import_react8.useCallback)(
     (messageId, responses) => {
       const currentSess = sessions.find((s) => s.id === currentSessionId);
       const targetMessage = currentSess?.messages.find((m) => m.id === messageId);
@@ -5187,7 +5434,7 @@ ${formattedParts.join("\n")}
     },
     [sessions, currentSessionId, selectedModel, sendMessage]
   );
-  const saveEdit = (0, import_react6.useCallback)(async (content) => {
+  const saveEdit = (0, import_react8.useCallback)(async (content) => {
     if (!editingMessageId || !currentSession || !currentSessionId) return;
     const messageIndex = currentSession.messages.findIndex((m) => m.id === editingMessageId);
     if (messageIndex === -1) return;
@@ -5204,7 +5451,7 @@ ${formattedParts.join("\n")}
     setEditingMessageId(null);
     await sendMessage(content);
   }, [editingMessageId, currentSession, currentSessionId, sendMessage]);
-  const regenerate = (0, import_react6.useCallback)(async (messageId) => {
+  const regenerate = (0, import_react8.useCallback)(async (messageId) => {
     console.log("[ChatUI] Regenerate called:", { messageId, currentSessionId, isLoading });
     if (!currentSession || !currentSessionId || isLoading) {
       console.log("[ChatUI] Regenerate early return - missing session or loading");
@@ -5243,137 +5490,76 @@ ${formattedParts.join("\n")}
                 ...s.messages,
                 {
                   id: assistantMessageId,
-                  role: "assistant",
-                  content: "",
-                  model: selectedModel,
-                  timestamp: Date.now()
-                }
-              ]
-            };
-          }
-          return s;
-        })
-      );
-      const messagesUpToUser = currentSession.messages.slice(0, assistantIndex);
-      const chatMessages = messagesUpToUser.map((m) => ({
-        role: m.role,
-        content: m.content,
-        ...m.contentParts && { contentParts: m.contentParts }
-      }));
-      const baseSystemPrompt = buildSystemPrompt(currentSession);
-      const messagesForApi = baseSystemPrompt ? [{ role: "system", content: baseSystemPrompt }, ...chatMessages] : chatMessages;
-      const modelConfig = models.find((m) => m.id === selectedModel);
-      const provider = modelConfig?.provider || "ollama";
-      const isOllama = provider === "ollama" || apiEndpoint.includes("ollama") || apiEndpoint.includes("11434");
-      const requestBody = isOllama ? { model: selectedModel, messages: messagesForApi, stream: true } : {
-        messages: messagesForApi,
-        model: selectedModel,
-        provider,
-        apiKey: provider === "devdive" ? apiKey : void 0,
-        stream: true
-      };
-      console.log("[ChatUI] Regenerate fetch:", { apiEndpoint, isOllama, model: selectedModel });
-      const response = await fetch(apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(requestBody),
-        signal: abortControllersRef.current.get(capturedSessionId).signal
-      });
-      console.log("[ChatUI] Regenerate response status:", response.status);
-      if (!response.ok) throw new Error(`API error: ${response.status}`);
-      const reader = response.body?.getReader();
-      if (!reader) throw new Error("No reader");
-      const decoder = new TextDecoder();
-      let buffer = "";
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) break;
-        buffer += decoder.decode(value, { stream: true });
-        const lines = buffer.split("\n");
-        buffer = lines.pop() || "";
-        for (const line of lines) {
-          if (!line.trim()) continue;
-          let data = line;
-          if (line.startsWith("data: ")) {
-            data = line.slice(6);
-            if (data === "[DONE]") continue;
-          }
-          try {
-            const parsed = JSON.parse(data);
-            const content = parsed.message?.content || parsed.content || parsed.text || "";
-            const thinking = parsed.message?.thinking || "";
-            if (content || thinking) {
-              setSessions(
-                (prev) => prev.map((s) => {
-                  if (s.id === capturedSessionId) {
-                    return {
-                      ...s,
-                      messages: s.messages.map((m) => {
-                        if (m.id !== assistantMessageId) return m;
-                        let newContent = m.content;
-                        if (thinking) {
-                          if (!newContent.includes("<thinking>")) {
-                            newContent = "<thinking>" + thinking;
-                          } else if (!newContent.includes("</thinking>")) {
-                            newContent += thinking;
-                          }
-                        }
-                        if (content) {
-                          if (newContent.includes("<thinking>") && !newContent.includes("</thinking>")) {
-                            newContent += "</thinking>\n\n";
-                          }
-                          newContent += content;
-                        }
-                        return { ...m, content: newContent };
-                      })
-                    };
-                  }
-                  return s;
-                })
-              );
-            }
-          } catch {
-          }
-        }
-      }
-      if (buffer.trim()) {
-        try {
-          const parsed = JSON.parse(buffer);
-          const content = parsed.message?.content || parsed.content || parsed.text || "";
-          const thinking = parsed.message?.thinking || "";
-          if (content || thinking) {
-            setSessions(
-              (prev) => prev.map((s) => {
-                if (s.id === capturedSessionId) {
-                  return {
-                    ...s,
-                    messages: s.messages.map((m) => {
-                      if (m.id !== assistantMessageId) return m;
-                      let newContent = m.content;
-                      if (thinking) {
-                        if (!newContent.includes("<thinking>")) {
-                          newContent = "<thinking>" + thinking;
-                        } else if (!newContent.includes("</thinking>")) {
-                          newContent += thinking;
-                        }
-                      }
-                      if (content) {
-                        if (newContent.includes("<thinking>") && !newContent.includes("</thinking>")) {
-                          newContent += "</thinking>\n\n";
-                        }
-                        newContent += content;
-                      }
-                      return { ...m, content: newContent };
-                    })
-                  };
+                  role: "assistant",
+                  content: "",
+                  model: selectedModel,
+                  timestamp: Date.now()
                 }
-                return s;
-              })
-            );
+              ]
+            };
           }
-        } catch {
+          return s;
+        })
+      );
+      const messagesUpToUser = currentSession.messages.slice(0, assistantIndex);
+      const chatMessages = messagesUpToUser.map((m) => ({
+        role: m.role,
+        content: m.content,
+        ...m.contentParts && { contentParts: m.contentParts }
+      }));
+      const baseSystemPrompt = buildSystemPrompt(currentSession);
+      const messagesForApi = baseSystemPrompt ? [{ role: "system", content: baseSystemPrompt }, ...chatMessages] : chatMessages;
+      const modelConfig = models.find((m) => m.id === selectedModel);
+      const provider = modelConfig?.provider || "ollama";
+      const isOllama = provider === "ollama" || apiEndpoint.includes("ollama") || apiEndpoint.includes("11434");
+      const requestBody = isOllama ? { model: selectedModel, messages: messagesForApi, stream: true } : {
+        messages: messagesForApi,
+        model: selectedModel,
+        provider,
+        apiKey: provider === "devdive" ? apiKey : void 0,
+        stream: true
+      };
+      console.log("[ChatUI] Regenerate fetch:", { apiEndpoint, isOllama, model: selectedModel });
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(requestBody),
+        signal: abortControllersRef.current.get(capturedSessionId).signal
+      });
+      console.log("[ChatUI] Regenerate response status:", response.status);
+      await streamResponse(response, (chunk) => {
+        const { content, thinking } = chunk;
+        if (content || thinking) {
+          setSessions(
+            (prev) => prev.map((s) => {
+              if (s.id === capturedSessionId) {
+                return {
+                  ...s,
+                  messages: s.messages.map((m) => {
+                    if (m.id !== assistantMessageId) return m;
+                    let newContent = m.content;
+                    if (thinking) {
+                      if (!newContent.includes("<thinking>")) {
+                        newContent = "<thinking>" + thinking;
+                      } else if (!newContent.includes("</thinking>")) {
+                        newContent += thinking;
+                      }
+                    }
+                    if (content) {
+                      if (newContent.includes("<thinking>") && !newContent.includes("</thinking>")) {
+                        newContent += "</thinking>\n\n";
+                      }
+                      newContent += content;
+                    }
+                    return { ...m, content: newContent };
+                  })
+                };
+              }
+              return s;
+            })
+          );
         }
-      }
+      }, { noTimeout: true });
     } catch (error) {
       if (error instanceof Error && error.name === "AbortError") {
         return;
@@ -5384,7 +5570,7 @@ ${formattedParts.join("\n")}
       removeLoadingSession(capturedSessionId);
     }
   }, [currentSession, currentSessionId, loadingSessionIds, selectedModel, models, apiEndpoint, apiKey, buildSystemPrompt]);
-  const askOtherModel = (0, import_react6.useCallback)(async (messageId, targetModel) => {
+  const askOtherModel = (0, import_react8.useCallback)(async (messageId, targetModel) => {
     if (!currentSession || !currentSessionId || isLoading) return;
     const assistantIndex = currentSession.messages.findIndex((m) => m.id === messageId);
     if (assistantIndex === -1) return;
@@ -5439,30 +5625,7 @@ ${currentSession.contextSummary}` },
           responseContent = result.content;
           responseSources = result.sources;
         } else {
-          const reader = result.getReader();
-          const decoder = new TextDecoder();
-          let buffer = "";
-          while (true) {
-            const { done, value } = await reader.read();
-            if (done) break;
-            buffer += decoder.decode(value, { stream: true });
-            const lines = buffer.split("\n");
-            buffer = lines.pop() || "";
-            for (const line of lines) {
-              if (line.startsWith("data: ")) {
-                const data = line.slice(6);
-                if (data === "[DONE]") continue;
-                try {
-                  const parsed = JSON.parse(data);
-                  {
-                    const chunk = parsed.content ?? parsed.text ?? "";
-                    if (chunk) responseContent += chunk;
-                  }
-                } catch {
-                }
-              }
-            }
-          }
+          responseContent = await parseSSEResponse(new Response(result));
         }
       } else {
         const isOllama = provider === "ollama" || apiEndpoint.includes("ollama") || apiEndpoint.includes("11434");
@@ -5480,32 +5643,9 @@ ${currentSession.contextSummary}` },
           signal: abortControllersRef.current.get(currentSessionId).signal
         });
         emitFetchHeaders(response);
-        if (!response.ok) throw new Error("API error");
-        const reader = response.body?.getReader();
-        if (!reader) throw new Error("No reader");
-        const decoder = new TextDecoder();
-        let buffer = "";
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          buffer += decoder.decode(value, { stream: true });
-          const lines = buffer.split("\n");
-          buffer = lines.pop() || "";
-          for (const line of lines) {
-            if (line.startsWith("data: ")) {
-              const data = line.slice(6);
-              if (data === "[DONE]") continue;
-              try {
-                const parsed = JSON.parse(data);
-                {
-                  const chunk = parsed.content ?? parsed.text ?? "";
-                  if (chunk) responseContent += chunk;
-                }
-              } catch {
-              }
-            }
-          }
-        }
+        await streamResponse(response, (chunk) => {
+          if (chunk.content) responseContent += chunk.content;
+        }, { noTimeout: true });
       }
       const alternative = {
         id: generateId5("alt"),
@@ -5565,13 +5705,13 @@ ${currentSession.contextSummary}` },
     onSendMessage,
     onError
   ]);
-  const setActiveAlternative = (0, import_react6.useCallback)((assistantMessageId, index) => {
+  const setActiveAlternative = (0, import_react8.useCallback)((assistantMessageId, index) => {
     setActiveAlternatives((prev) => ({
       ...prev,
       [assistantMessageId]: index
     }));
   }, []);
-  const getActiveAlternative = (0, import_react6.useCallback)((assistantMessageId) => {
+  const getActiveAlternative = (0, import_react8.useCallback)((assistantMessageId) => {
     return activeAlternatives[assistantMessageId] ?? 0;
   }, [activeAlternatives]);
   return {
@@ -5629,6 +5769,10 @@ ${currentSession.contextSummary}` },
       }));
       await infoExtraction.extractInfo(recentMessages);
     },
+    getTokenStats: (0, import_react8.useCallback)((sessionId) => {
+      const session = sessions.find((s) => s.id === sessionId);
+      return session?.tokenStats ?? null;
+    }, [sessions]),
     // External Storage Loading States
     /**
      * @description 세션 목록 로딩 상태
@@ -5784,12 +5928,12 @@ ${result.content}
 };
 
 // src/react/contexts/ImageErrorContext.ts
-var import_react7 = require("react");
-var ImageErrorContext = (0, import_react7.createContext)(null);
-var useImageError = () => (0, import_react7.useContext)(ImageErrorContext);
+var import_react9 = require("react");
+var ImageErrorContext = (0, import_react9.createContext)(null);
+var useImageError = () => (0, import_react9.useContext)(ImageErrorContext);
 
 // src/react/components/ChatSidebar.tsx
-var import_react11 = require("react");
+var import_react13 = require("react");
 
 // src/react/components/Icon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -5889,10 +6033,10 @@ var IconSvg = ({
 };
 
 // src/react/components/MarkdownRenderer.tsx
-var import_react9 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // src/react/components/LinkChip.tsx
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var getDomain = (url) => {
   try {
@@ -5946,7 +6090,7 @@ var LinkChip = ({
   index,
   style
 }) => {
-  const [isHovered, setIsHovered] = (0, import_react8.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react10.useState)(false);
   const domain = getDomain(url);
   const shortName = getShortName(domain);
   const domainColor = getDomainColor(domain);
@@ -6316,8 +6460,8 @@ var parseTableRow = (row) => {
   return row.split("|").slice(1, -1).map((cell) => cell.trim());
 };
 var MarkdownTable = ({ data }) => {
-  const [copied, setCopied] = import_react9.default.useState(false);
-  const [isHovered, setIsHovered] = import_react9.default.useState(false);
+  const [copied, setCopied] = import_react11.default.useState(false);
+  const [isHovered, setIsHovered] = import_react11.default.useState(false);
   const handleCopy = async () => {
     const headerLine = data.headers.join("	");
     const bodyLines = data.rows.map((row) => row.join("	"));
@@ -6429,7 +6573,7 @@ var ThinkingSpinner = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   }
 );
 var ThinkingBlock = ({ content, defaultOpen = false }) => {
-  const [isOpen, setIsOpen] = import_react9.default.useState(defaultOpen);
+  const [isOpen, setIsOpen] = import_react11.default.useState(defaultOpen);
   const isStreaming = content.trim().endsWith("...");
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "details",
@@ -6504,7 +6648,7 @@ var ThinkingBlock = ({ content, defaultOpen = false }) => {
   );
 };
 var CodeBlock = ({ language, code }) => {
-  const [copied, setCopied] = import_react9.default.useState(false);
+  const [copied, setCopied] = import_react11.default.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(code);
@@ -6587,10 +6731,10 @@ var CodeBlock = ({ language, code }) => {
   );
 };
 var ImageWithCopyButton = ({ src, alt, imageKey }) => {
-  const [isHovered, setIsHovered] = import_react9.default.useState(false);
-  const [imgSrc, setImgSrc] = import_react9.default.useState(src);
+  const [isHovered, setIsHovered] = import_react11.default.useState(false);
+  const [imgSrc, setImgSrc] = import_react11.default.useState(src);
   const onImageError = useImageError();
-  const handleImageError = import_react9.default.useCallback(async () => {
+  const handleImageError = import_react11.default.useCallback(async () => {
     if (onImageError) {
       const newUrl = await onImageError(imgSrc);
       if (newUrl) {
@@ -6599,8 +6743,8 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
       }
     }
   }, [onImageError, imgSrc]);
-  const [copyState, setCopyState] = import_react9.default.useState("idle");
-  const imgRef = import_react9.default.useRef(null);
+  const [copyState, setCopyState] = import_react11.default.useState("idle");
+  const imgRef = import_react11.default.useRef(null);
   const getImageBlob = async () => {
     const img = imgRef.current;
     if (img && img.complete && img.naturalWidth > 0) {
@@ -6816,7 +6960,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
   );
 };
 var ChoiceButtons = ({ choices, title, onChoiceClick }) => {
-  const [hoveredIndex, setHoveredIndex] = import_react9.default.useState(null);
+  const [hoveredIndex, setHoveredIndex] = import_react11.default.useState(null);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
@@ -6946,11 +7090,11 @@ var MarkdownRenderer = ({
   sources,
   inline = false
 }) => {
-  const inlineRendered = (0, import_react9.useMemo)(() => {
+  const inlineRendered = (0, import_react11.useMemo)(() => {
     if (!inline) return null;
     return parseInlineElements(content, "inline-md", sources);
   }, [inline, content, sources]);
-  const rendered = (0, import_react9.useMemo)(() => {
+  const rendered = (0, import_react11.useMemo)(() => {
     if (inline) return null;
     const elements = [];
     let processedContent = content;
@@ -7103,7 +7247,7 @@ var MarkdownRenderer = ({
                 borderRadius: "0 8px 8px 0",
                 color: "var(--chatllm-text, #374151)"
               },
-              children: blockquoteLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react9.default.Fragment, { children: [
+              children: blockquoteLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react11.default.Fragment, { children: [
                 parseInlineElements(line, `bq-line-${i}`, sources),
                 i < blockquoteLines.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {})
               ] }, i))
@@ -7347,7 +7491,7 @@ var MarkdownRenderer = ({
 };
 
 // src/react/components/ProjectSelector.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ProjectSelector = ({
   projects,
@@ -7356,10 +7500,10 @@ var ProjectSelector = ({
   onNewProject,
   onProjectSettings
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
-  const dropdownRef = (0, import_react10.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const dropdownRef = (0, import_react12.useRef)(null);
   const currentProject = projects.find((p) => p.id === currentProjectId);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -7593,10 +7737,10 @@ var ChatSidebar = ({
   isLoading = false
 }) => {
   const sidebarWidth = typeof widthProp === "number" ? `${widthProp}px` : widthProp || "288px";
-  const [editingId, setEditingId] = (0, import_react11.useState)(null);
-  const [editingTitle, setEditingTitle] = (0, import_react11.useState)("");
-  const inputRef = (0, import_react11.useRef)(null);
-  (0, import_react11.useEffect)(() => {
+  const [editingId, setEditingId] = (0, import_react13.useState)(null);
+  const [editingTitle, setEditingTitle] = (0, import_react13.useState)("");
+  const inputRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
     if (editingId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -7968,7 +8112,7 @@ var ChatSidebar = ({
 };
 
 // src/react/components/ChatHeader.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ChatHeader = ({
   title,
@@ -7982,7 +8126,7 @@ var ChatHeader = ({
   showSettings = true,
   renderHeaderExtra
 }) => {
-  const [modelDropdownOpen, setModelDropdownOpen] = (0, import_react12.useState)(false);
+  const [modelDropdownOpen, setModelDropdownOpen] = (0, import_react14.useState)(false);
   const currentModel = models.find((m) => m.id === model);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "header",
@@ -8237,7 +8381,7 @@ var ChatHeader = ({
 };
 
 // src/react/components/ChatInput.tsx
-var import_react13 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ChatInput = ({
   value,
@@ -8265,20 +8409,20 @@ var ChatInput = ({
   onDisclaimerClick,
   inline = false
 }) => {
-  const [mainMenuOpen, setMainMenuOpen] = import_react13.default.useState(false);
-  const textareaRef = (0, import_react13.useRef)(null);
-  const fileInputRef = (0, import_react13.useRef)(null);
-  const [actionMenuOpen, setActionMenuOpen] = (0, import_react13.useState)(false);
-  const [isDragOver, setIsDragOver] = (0, import_react13.useState)(false);
-  const mainMenuRef = (0, import_react13.useRef)(null);
-  const actionMenuRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const [mainMenuOpen, setMainMenuOpen] = import_react15.default.useState(false);
+  const textareaRef = (0, import_react15.useRef)(null);
+  const fileInputRef = (0, import_react15.useRef)(null);
+  const [actionMenuOpen, setActionMenuOpen] = (0, import_react15.useState)(false);
+  const [isDragOver, setIsDragOver] = (0, import_react15.useState)(false);
+  const mainMenuRef = (0, import_react15.useRef)(null);
+  const actionMenuRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 200)}px`;
     }
   }, [value]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (mainMenuRef.current && !mainMenuRef.current.contains(event.target)) {
         setMainMenuOpen(false);
@@ -9000,13 +9144,13 @@ var iconButtonStyle = {
 };
 
 // src/react/components/MessageList.tsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 
 // src/react/components/MessageBubble.tsx
-var import_react20 = require("react");
+var import_react22 = require("react");
 
 // src/react/components/DeepResearchProgressUI.tsx
-var import_react14 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var StatusIcon = ({ status }) => {
   switch (status) {
@@ -9070,7 +9214,7 @@ var PhaseProgress = ({ phase }) => {
         gap: "8px",
         marginBottom: "16px"
       },
-      children: phases.slice(0, 4).map((p, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react14.default.Fragment, { children: [
+      children: phases.slice(0, 4).map((p, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react16.default.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "div",
           {
@@ -9289,7 +9433,7 @@ var DeepResearchProgressUI = ({ progress }) => {
 };
 
 // src/react/components/PollCard.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var renderInlineMarkdown = (text) => {
   const parts = [];
@@ -9328,12 +9472,12 @@ var PollCard = ({
   onSubmit,
   onSkip
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react15.useState)(0);
-  const [selections, setSelections] = (0, import_react15.useState)({});
-  const [otherTexts, setOtherTexts] = (0, import_react15.useState)({});
-  const [otherSelected, setOtherSelected] = (0, import_react15.useState)({});
+  const [activeTab, setActiveTab] = (0, import_react17.useState)(0);
+  const [selections, setSelections] = (0, import_react17.useState)({});
+  const [otherTexts, setOtherTexts] = (0, import_react17.useState)({});
+  const [otherSelected, setOtherSelected] = (0, import_react17.useState)({});
   const currentQuestion = questions[activeTab];
-  const handleOptionToggle = (0, import_react15.useCallback)(
+  const handleOptionToggle = (0, import_react17.useCallback)(
     (questionId, optionId, multiSelect) => {
       setSelections((prev) => {
         const current = prev[questionId] || /* @__PURE__ */ new Set();
@@ -9355,7 +9499,7 @@ var PollCard = ({
     },
     []
   );
-  const handleOtherToggle = (0, import_react15.useCallback)((questionId, multiSelect) => {
+  const handleOtherToggle = (0, import_react17.useCallback)((questionId, multiSelect) => {
     if (multiSelect) {
       setOtherSelected((prev) => ({ ...prev, [questionId]: !prev[questionId] }));
     } else {
@@ -9363,7 +9507,7 @@ var PollCard = ({
       setOtherSelected((prev) => ({ ...prev, [questionId]: true }));
     }
   }, []);
-  const handleSubmit = (0, import_react15.useCallback)(() => {
+  const handleSubmit = (0, import_react17.useCallback)(() => {
     const responses = questions.map((q) => {
       const selected = selections[q.id] || /* @__PURE__ */ new Set();
       const other = otherSelected[q.id] && otherTexts[q.id]?.trim();
@@ -9376,7 +9520,7 @@ var PollCard = ({
     });
     onSubmit(responses);
   }, [questions, selections, otherSelected, otherTexts, onSubmit]);
-  const handleSkip = (0, import_react15.useCallback)(() => {
+  const handleSkip = (0, import_react17.useCallback)(() => {
     const responses = questions.map((q) => ({
       questionId: q.id,
       selectedOptions: [],
@@ -9385,7 +9529,7 @@ var PollCard = ({
     onSubmit(responses);
     onSkip?.();
   }, [questions, onSubmit, onSkip]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (typeof window === "undefined") return;
     const handleKeyDown = (e) => {
       if (e.key !== "Escape") return;
@@ -9404,9 +9548,9 @@ var PollCard = ({
   const currentHasSelection = getSelectionCount(currentQuestion.id) > 0;
   const isLastTab = activeTab === questions.length - 1;
   const totalSelected = questions.reduce((sum, q) => sum + getSelectionCount(q.id), 0);
-  const [visibleCount, setVisibleCount] = (0, import_react15.useState)(0);
-  const [cardVisible, setCardVisible] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const [visibleCount, setVisibleCount] = (0, import_react17.useState)(0);
+  const [cardVisible, setCardVisible] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     const fadeTimer = setTimeout(() => setCardVisible(true), 50);
     const totalItems = currentQuestion.options.length + 1;
     const timers = [fadeTimer];
@@ -9415,7 +9559,7 @@ var PollCard = ({
     }
     return () => timers.forEach(clearTimeout);
   }, [currentQuestion.options.length]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setVisibleCount(0);
     const totalItems = currentQuestion.options.length + 1;
     const timers = [];
@@ -9424,7 +9568,7 @@ var PollCard = ({
     }
     return () => timers.forEach(clearTimeout);
   }, [activeTab, currentQuestion.options.length]);
-  const handleNext = (0, import_react15.useCallback)(() => {
+  const handleNext = (0, import_react17.useCallback)(() => {
     if (!isLastTab) {
       setActiveTab((prev) => prev + 1);
     } else {
@@ -9842,15 +9986,15 @@ var SkillProgressUI = ({
 };
 
 // src/react/components/ImageContentCard.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var ImageContentCard = ({ part }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react16.useState)(false);
-  const [isLoaded, setIsLoaded] = (0, import_react16.useState)(false);
-  const [hasError, setHasError] = (0, import_react16.useState)(false);
-  const [imgSrc, setImgSrc] = (0, import_react16.useState)(part.url);
+  const [isExpanded, setIsExpanded] = (0, import_react18.useState)(false);
+  const [isLoaded, setIsLoaded] = (0, import_react18.useState)(false);
+  const [hasError, setHasError] = (0, import_react18.useState)(false);
+  const [imgSrc, setImgSrc] = (0, import_react18.useState)(part.url);
   const onImageError = useImageError();
-  const handleImageError = (0, import_react16.useCallback)(async () => {
+  const handleImageError = (0, import_react18.useCallback)(async () => {
     if (onImageError) {
       const newUrl = await onImageError(imgSrc, part.fileName);
       if (newUrl) {
@@ -10063,7 +10207,7 @@ var FileContentCard = ({ part }) => {
 };
 
 // src/react/components/ToolStatusCard.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var mapIcon2 = (icon) => {
   const iconMap = {
@@ -10096,7 +10240,7 @@ var ToolStatusCard = ({
   sources,
   errorMessage
 }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react17.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react19.useState)(false);
   const displayLabel = label || getDefaultLabel(toolName);
   const statusText = getStatusSuffix(displayLabel, status);
   const hasSources = sources && sources.length > 0;
@@ -10227,7 +10371,7 @@ var ToolStatusCard = ({
 };
 
 // src/react/components/ArtifactCard.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var getThemeStyles = () => {
   const root = document.documentElement;
@@ -10268,10 +10412,10 @@ var getAutoResizeScript = (id) => `
   });
 </script>`;
 var HtmlArtifact = ({ code }) => {
-  const iframeRef = (0, import_react18.useRef)(null);
-  const [height, setHeight] = (0, import_react18.useState)(200);
-  const artifactId = (0, import_react18.useRef)(`artifact-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
-  (0, import_react18.useEffect)(() => {
+  const iframeRef = (0, import_react20.useRef)(null);
+  const [height, setHeight] = (0, import_react20.useState)(200);
+  const artifactId = (0, import_react20.useRef)(`artifact-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+  (0, import_react20.useEffect)(() => {
     const id = artifactId.current;
     const handleMessage = (e) => {
       if (e.data?.type === "artifact-resize" && e.data.id === id && typeof e.data.height === "number") {
@@ -10317,10 +10461,10 @@ var SvgArtifact = ({ code }) => {
   );
 };
 var MermaidArtifact = ({ code }) => {
-  const containerRef = (0, import_react18.useRef)(null);
-  const [svgHtml, setSvgHtml] = (0, import_react18.useState)(null);
-  const [error, setError] = (0, import_react18.useState)(null);
-  const renderMermaid = (0, import_react18.useCallback)(async () => {
+  const containerRef = (0, import_react20.useRef)(null);
+  const [svgHtml, setSvgHtml] = (0, import_react20.useState)(null);
+  const [error, setError] = (0, import_react20.useState)(null);
+  const renderMermaid = (0, import_react20.useCallback)(async () => {
     try {
       let mermaid;
       try {
@@ -10336,7 +10480,7 @@ var MermaidArtifact = ({ code }) => {
       setError(e instanceof Error ? e.message : "Mermaid \uB80C\uB354\uB9C1 \uC2E4\uD328");
     }
   }, [code]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     renderMermaid();
   }, [renderMermaid]);
   if (error) {
@@ -10412,9 +10556,9 @@ var svgToPngBlob = (svgString, scale = 2) => {
   });
 };
 var ArtifactActions = ({ code, language, containerRef }) => {
-  const [showCode, setShowCode] = (0, import_react18.useState)(false);
-  const [copied, setCopied] = (0, import_react18.useState)(false);
-  const [saving, setSaving] = (0, import_react18.useState)(false);
+  const [showCode, setShowCode] = (0, import_react20.useState)(false);
+  const [copied, setCopied] = (0, import_react20.useState)(false);
+  const [saving, setSaving] = (0, import_react20.useState)(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(code);
@@ -10579,7 +10723,7 @@ var ArtifactActions = ({ code, language, containerRef }) => {
   ] });
 };
 var ArtifactCard = ({ part, index = 0 }) => {
-  const contentRef = (0, import_react18.useRef)(null);
+  const contentRef = (0, import_react20.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
@@ -10751,7 +10895,7 @@ var ContentPartRenderer = ({
 };
 
 // src/react/components/ChecklistCard.tsx
-var import_react19 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var ChecklistCard = ({
   items,
@@ -10761,8 +10905,8 @@ var ChecklistCard = ({
   onSkipStep,
   onStart
 }) => {
-  const [expandedItems, setExpandedItems] = (0, import_react19.useState)(/* @__PURE__ */ new Set());
-  const { doneCount, isRunning, hasError, isWaiting } = (0, import_react19.useMemo)(() => {
+  const [expandedItems, setExpandedItems] = (0, import_react21.useState)(/* @__PURE__ */ new Set());
+  const { doneCount, isRunning, hasError, isWaiting } = (0, import_react21.useMemo)(() => {
     const done = items.filter((it) => it.status === "done").length;
     const running = items.some((it) => it.status === "in_progress");
     const waiting = items.every((it) => it.status === "pending");
@@ -11259,9 +11403,9 @@ var MessageBubble = ({
   onToggleChecklistPanel,
   onChecklistStart
 }) => {
-  const [showActions, setShowActions] = (0, import_react20.useState)(false);
-  const [showModelMenu, setShowModelMenu] = (0, import_react20.useState)(false);
-  const [stepExpanded, setStepExpanded] = (0, import_react20.useState)(false);
+  const [showActions, setShowActions] = (0, import_react22.useState)(false);
+  const [showModelMenu, setShowModelMenu] = (0, import_react22.useState)(false);
+  const [stepExpanded, setStepExpanded] = (0, import_react22.useState)(false);
   const isUser = message.role === "user";
   const isAssistant = message.role === "assistant";
   const relevantAlternatives = isUser ? alternatives : message.alternatives;
@@ -12012,14 +12156,14 @@ var MessageList = ({
   onExport,
   onToggleChecklistPanel
 }) => {
-  const messagesEndRef = (0, import_react21.useRef)(null);
-  const containerRef = (0, import_react21.useRef)(null);
-  const [selectedText, setSelectedText] = (0, import_react21.useState)("");
-  const [selectionPosition, setSelectionPosition] = (0, import_react21.useState)(null);
-  const [showScrollButton, setShowScrollButton] = (0, import_react21.useState)(false);
-  const userScrollLockRef = (0, import_react21.useRef)(false);
+  const messagesEndRef = (0, import_react23.useRef)(null);
+  const containerRef = (0, import_react23.useRef)(null);
+  const [selectedText, setSelectedText] = (0, import_react23.useState)("");
+  const [selectionPosition, setSelectionPosition] = (0, import_react23.useState)(null);
+  const [showScrollButton, setShowScrollButton] = (0, import_react23.useState)(false);
+  const userScrollLockRef = (0, import_react23.useRef)(false);
   const SCROLL_THRESHOLD = 100;
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const container = containerRef.current;
     if (!container) return;
     const handleWheel = (e) => {
@@ -12056,7 +12200,7 @@ var MessageList = ({
       container.removeEventListener("touchmove", handleTouchMove);
     };
   }, []);
-  const handleScroll = (0, import_react21.useCallback)(() => {
+  const handleScroll = (0, import_react23.useCallback)(() => {
     if (!containerRef.current) return;
     const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
     const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
@@ -12065,14 +12209,14 @@ var MessageList = ({
       setShowScrollButton(false);
     }
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (userScrollLockRef.current) return;
     containerRef.current?.scrollTo({
       top: containerRef.current.scrollHeight,
       behavior: "smooth"
     });
   }, [messages]);
-  const scrollToBottom = (0, import_react21.useCallback)(() => {
+  const scrollToBottom = (0, import_react23.useCallback)(() => {
     userScrollLockRef.current = false;
     setShowScrollButton(false);
     containerRef.current?.scrollTo({
@@ -12080,7 +12224,7 @@ var MessageList = ({
       behavior: "smooth"
     });
   }, []);
-  const handleMouseUp = (0, import_react21.useCallback)(() => {
+  const handleMouseUp = (0, import_react23.useCallback)(() => {
     const selection = typeof window !== "undefined" ? window.getSelection() : null;
     const text = selection?.toString().trim();
     if (text && text.length > 0) {
@@ -12181,7 +12325,7 @@ var MessageList = ({
                   },
                   message.id
                 );
-                return renderMessage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react21.default.Fragment, { children: renderMessage(message, bubbleElement) }, message.id) : bubbleElement;
+                return renderMessage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react23.default.Fragment, { children: renderMessage(message, bubbleElement) }, message.id) : bubbleElement;
               }),
               /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: messagesEndRef })
             ]
@@ -12275,7 +12419,7 @@ var MessageList = ({
 };
 
 // src/react/components/SettingsModal.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var DEFAULT_IMPORT_MEMORY_PROMPT = `Export all of my stored memories and any context you've learned about me from past conversations. Preserve my words verbatim where possible, especially for instructions and preferences.
 
@@ -12340,9 +12484,9 @@ var SettingsModal = ({
   onImportMemory,
   importMemoryPrompt
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react22.useState)("general");
-  const [localApiKey, setLocalApiKey] = (0, import_react22.useState)(apiKey);
-  (0, import_react22.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react24.useState)("general");
+  const [localApiKey, setLocalApiKey] = (0, import_react24.useState)(apiKey);
+  (0, import_react24.useEffect)(() => {
     setLocalApiKey(apiKey);
   }, [apiKey]);
   if (!isOpen) return null;
@@ -12818,11 +12962,11 @@ var memoryCategoryColors = {
   preference: "#8b5cf6"
 };
 var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "AI \uBA54\uBAA8\uB9AC", emptyMessage = "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4", emptyDescription = "\uB300\uD654\uAC00 \uC9C4\uD589\uB418\uBA74 AI\uAC00 \uC790\uB3D9\uC73C\uB85C \uC815\uBCF4\uB97C \uD559\uC2B5\uD569\uB2C8\uB2E4", onImportMemory, importMemoryPrompt }) => {
-  const [activeFilter, setActiveFilter] = (0, import_react22.useState)("all");
-  const [expandedId, setExpandedId] = (0, import_react22.useState)(null);
-  const [importModalOpen, setImportModalOpen] = (0, import_react22.useState)(false);
-  const [importText, setImportText] = (0, import_react22.useState)("");
-  const [promptCopied, setPromptCopied] = (0, import_react22.useState)(false);
+  const [activeFilter, setActiveFilter] = (0, import_react24.useState)("all");
+  const [expandedId, setExpandedId] = (0, import_react24.useState)(null);
+  const [importModalOpen, setImportModalOpen] = (0, import_react24.useState)(false);
+  const [importText, setImportText] = (0, import_react24.useState)("");
+  const [promptCopied, setPromptCopied] = (0, import_react24.useState)(false);
   const filteredItems = activeFilter === "all" ? items : items.filter((item) => item.category === activeFilter);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -13279,7 +13423,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 };
 
 // src/react/components/ProjectSettingsModal.tsx
-var import_react23 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var COLOR_PRESETS = [
   "#3584FA",
@@ -13300,12 +13444,12 @@ var ProjectSettingsModal = ({
   onDeleteFile,
   onDeleteProject
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react23.useState)("general");
-  const [title, setTitle] = (0, import_react23.useState)("");
-  const [description, setDescription] = (0, import_react23.useState)("");
-  const [instructions, setInstructions] = (0, import_react23.useState)("");
-  const [color, setColor] = (0, import_react23.useState)("#3584FA");
-  (0, import_react23.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react25.useState)("general");
+  const [title, setTitle] = (0, import_react25.useState)("");
+  const [description, setDescription] = (0, import_react25.useState)("");
+  const [instructions, setInstructions] = (0, import_react25.useState)("");
+  const [color, setColor] = (0, import_react25.useState)("#3584FA");
+  (0, import_react25.useEffect)(() => {
     if (project) {
       setTitle(project.title);
       setDescription(project.description || "");
@@ -14770,28 +14914,28 @@ var ChatUIView = ({
     handleChecklistSkip,
     activeChecklistMessage
   } = state;
-  const [disclaimerOpen, setDisclaimerOpen] = import_react24.default.useState(false);
-  const [isMobile, setIsMobile] = import_react24.default.useState(false);
-  import_react24.default.useEffect(() => {
+  const [disclaimerOpen, setDisclaimerOpen] = import_react26.default.useState(false);
+  const [isMobile, setIsMobile] = import_react26.default.useState(false);
+  import_react26.default.useEffect(() => {
     if (typeof window === "undefined") return;
     const check = () => setIsMobile(window.innerWidth < 768);
     check();
     window.addEventListener("resize", check);
     return () => window.removeEventListener("resize", check);
   }, []);
-  const [checklistPanelDismissed, setChecklistPanelDismissed] = import_react24.default.useState(false);
+  const [checklistPanelDismissed, setChecklistPanelDismissed] = import_react26.default.useState(false);
   const isChecklistPanelOpen = !!activeChecklistMessage && !checklistPanelDismissed;
-  const prevChecklistIdRef = import_react24.default.useRef(void 0);
-  import_react24.default.useEffect(() => {
+  const prevChecklistIdRef = import_react26.default.useRef(void 0);
+  import_react26.default.useEffect(() => {
     const currentId = activeChecklistMessage?.checklistBlock?.id;
     if (currentId && currentId !== prevChecklistIdRef.current && !activeChecklistMessage?.checklistBlock?.completed) {
       setChecklistPanelDismissed(false);
     }
     prevChecklistIdRef.current = currentId;
   }, [activeChecklistMessage?.checklistBlock?.id, activeChecklistMessage?.checklistBlock?.completed]);
-  const [welcomeExiting, setWelcomeExiting] = import_react24.default.useState(false);
-  const prevMessageCountRef = import_react24.default.useRef(messages.length);
-  import_react24.default.useEffect(() => {
+  const [welcomeExiting, setWelcomeExiting] = import_react26.default.useState(false);
+  const prevMessageCountRef = import_react26.default.useRef(messages.length);
+  import_react26.default.useEffect(() => {
     let timer;
     if (prevMessageCountRef.current === 0 && messages.length > 0) {
       setWelcomeExiting(true);
@@ -14815,7 +14959,7 @@ var ChatUIView = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const memoryItems = import_react24.default.useMemo(() => {
+  const memoryItems = import_react26.default.useMemo(() => {
     if (!globalMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of globalMemory.state.entries) {
@@ -14829,7 +14973,7 @@ var ChatUIView = ({
     }
     return items;
   }, [globalMemory?.state.entries]);
-  const projectMemoryItems = import_react24.default.useMemo(() => {
+  const projectMemoryItems = import_react26.default.useMemo(() => {
     if (!projectMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of projectMemory.state.entries) {
@@ -15351,13 +15495,13 @@ var ChatUI = (props) => {
 };
 
 // src/react/ChatFloatingWidget.tsx
-var import_react32 = require("react");
+var import_react34 = require("react");
 
 // src/react/hooks/useFloatingWidget.ts
-var import_react26 = require("react");
+var import_react28 = require("react");
 
 // src/react/hooks/useDragResize.ts
-var import_react25 = require("react");
+var import_react27 = require("react");
 var DRAG_THRESHOLD = 5;
 var FAB_SIZE = 56;
 var EDGE_MARGIN = 24;
@@ -15425,8 +15569,8 @@ var useDragResize = (options) => {
     maxWidth = DEFAULT_MAX_WIDTH,
     minHeight = DEFAULT_MIN_HEIGHT
   } = options;
-  const [isMobile, setIsMobile] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react27.useState)(false);
+  (0, import_react27.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia("(max-width: 767px)");
     setIsMobile(mql.matches);
@@ -15441,19 +15585,19 @@ var useDragResize = (options) => {
     panelWidth: initialWidth,
     panelHeight: initialHeight
   });
-  const [fabPos, setFabPos] = (0, import_react25.useState)({ x: persisted.fabX, y: persisted.fabY });
-  const [panelSize, setPanelSize] = (0, import_react25.useState)({ width: persisted.panelWidth, height: persisted.panelHeight });
-  const [isDragging, setIsDragging] = (0, import_react25.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react25.useState)(false);
-  const [isDizzy, setIsDizzy] = (0, import_react25.useState)(false);
-  const [viewport, setViewport] = (0, import_react25.useState)(() => ({
+  const [fabPos, setFabPos] = (0, import_react27.useState)({ x: persisted.fabX, y: persisted.fabY });
+  const [panelSize, setPanelSize] = (0, import_react27.useState)({ width: persisted.panelWidth, height: persisted.panelHeight });
+  const [isDragging, setIsDragging] = (0, import_react27.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react27.useState)(false);
+  const [isDizzy, setIsDizzy] = (0, import_react27.useState)(false);
+  const [viewport, setViewport] = (0, import_react27.useState)(() => ({
     width: typeof window !== "undefined" ? window.innerWidth : 1024,
     height: typeof window !== "undefined" ? window.innerHeight : 768
   }));
   const vw = viewport.width;
   const vh = viewport.height;
-  const initializedRef = (0, import_react25.useRef)(false);
-  (0, import_react25.useEffect)(() => {
+  const initializedRef = (0, import_react27.useRef)(false);
+  (0, import_react27.useEffect)(() => {
     if (initializedRef.current || typeof window === "undefined") return;
     initializedRef.current = true;
     const correctFab = getInitialFabPosition(initialPosition);
@@ -15466,40 +15610,40 @@ var useDragResize = (options) => {
     setFabPos({ x: loaded.fabX, y: loaded.fabY });
     setPanelSize({ width: loaded.panelWidth, height: loaded.panelHeight });
   }, [initialPosition, storageKey, initialWidth, initialHeight]);
-  const dragStartRef = (0, import_react25.useRef)(null);
-  const isDraggingRef = (0, import_react25.useRef)(false);
-  const wasDragRef = (0, import_react25.useRef)(false);
-  const userDraggedRef = (0, import_react25.useRef)(false);
-  const dragDeltaRef = (0, import_react25.useRef)({ dx: 0, dy: 0 });
-  const fabElRef = (0, import_react25.useRef)(null);
-  const dragCleanupRef = (0, import_react25.useRef)(null);
-  const snapTimerRef = (0, import_react25.useRef)(null);
-  const prevDragRef = (0, import_react25.useRef)(null);
-  const shakeScoreRef = (0, import_react25.useRef)(0);
-  const prevVelocityRef = (0, import_react25.useRef)(null);
-  const isDizzyRef = (0, import_react25.useRef)(false);
-  const dizzyTimerRef = (0, import_react25.useRef)(null);
-  const lastVelocityRef = (0, import_react25.useRef)({ vx: 0, vy: 0, speed: 0 });
-  const dragRafRef = (0, import_react25.useRef)(null);
-  const animCleanupRef = (0, import_react25.useRef)(null);
-  const snapEnabledRef = (0, import_react25.useRef)(snapEnabled);
-  const storageKeyRef = (0, import_react25.useRef)(storageKey);
-  const panelSizeRef = (0, import_react25.useRef)(panelSize);
-  const fabPosRef = (0, import_react25.useRef)(fabPos);
-  (0, import_react25.useEffect)(() => {
+  const dragStartRef = (0, import_react27.useRef)(null);
+  const isDraggingRef = (0, import_react27.useRef)(false);
+  const wasDragRef = (0, import_react27.useRef)(false);
+  const userDraggedRef = (0, import_react27.useRef)(false);
+  const dragDeltaRef = (0, import_react27.useRef)({ dx: 0, dy: 0 });
+  const fabElRef = (0, import_react27.useRef)(null);
+  const dragCleanupRef = (0, import_react27.useRef)(null);
+  const snapTimerRef = (0, import_react27.useRef)(null);
+  const prevDragRef = (0, import_react27.useRef)(null);
+  const shakeScoreRef = (0, import_react27.useRef)(0);
+  const prevVelocityRef = (0, import_react27.useRef)(null);
+  const isDizzyRef = (0, import_react27.useRef)(false);
+  const dizzyTimerRef = (0, import_react27.useRef)(null);
+  const lastVelocityRef = (0, import_react27.useRef)({ vx: 0, vy: 0, speed: 0 });
+  const dragRafRef = (0, import_react27.useRef)(null);
+  const animCleanupRef = (0, import_react27.useRef)(null);
+  const snapEnabledRef = (0, import_react27.useRef)(snapEnabled);
+  const storageKeyRef = (0, import_react27.useRef)(storageKey);
+  const panelSizeRef = (0, import_react27.useRef)(panelSize);
+  const fabPosRef = (0, import_react27.useRef)(fabPos);
+  (0, import_react27.useEffect)(() => {
     snapEnabledRef.current = snapEnabled;
   }, [snapEnabled]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     storageKeyRef.current = storageKey;
   }, [storageKey]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     panelSizeRef.current = panelSize;
   }, [panelSize]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     fabPosRef.current = fabPos;
   }, [fabPos]);
-  const resizeStartRef = (0, import_react25.useRef)(null);
-  (0, import_react25.useEffect)(() => {
+  const resizeStartRef = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     return () => {
       dragCleanupRef.current?.();
       if (snapTimerRef.current) clearTimeout(snapTimerRef.current);
@@ -15507,7 +15651,7 @@ var useDragResize = (options) => {
       if (dragRafRef.current) cancelAnimationFrame(dragRafRef.current);
     };
   }, []);
-  const handleFabPointerDown = (0, import_react25.useCallback)((e) => {
+  const handleFabPointerDown = (0, import_react27.useCallback)((e) => {
     if (disabled || isMobile) return;
     dragCleanupRef.current?.();
     const el = e.currentTarget;
@@ -15689,7 +15833,7 @@ var useDragResize = (options) => {
   }, [disabled, isMobile]);
   const fabCenterX = fabPos.x + FAB_SIZE / 2;
   const panelDirection = fabCenterX > vw / 2 ? "left" : "right";
-  const panelPositionStyle = (0, import_react25.useMemo)(() => {
+  const panelPositionStyle = (0, import_react27.useMemo)(() => {
     if (isMobile || disabled) return {};
     const fabIsTop = fabPos.y < vh / 2;
     let panelBottom;
@@ -15721,7 +15865,7 @@ var useDragResize = (options) => {
       borderRadius: "var(--floating-panel-radius, 16px)"
     };
   }, [isMobile, disabled, fabPos.x, fabPos.y, panelSize.width, panelSize.height, vw, vh, panelDirection, minHeight]);
-  const handleResizePointerDown = (0, import_react25.useCallback)((edge, e) => {
+  const handleResizePointerDown = (0, import_react27.useCallback)((edge, e) => {
     if (disabled || isMobile) return;
     e.preventDefault();
     e.stopPropagation();
@@ -15737,7 +15881,7 @@ var useDragResize = (options) => {
     };
     setIsResizing(true);
   }, [disabled, isMobile]);
-  const handleResizePointerMove = (0, import_react25.useCallback)((e) => {
+  const handleResizePointerMove = (0, import_react27.useCallback)((e) => {
     if (!resizeStartRef.current) return;
     const { startX, startY, width, height, edge, fabY } = resizeStartRef.current;
     const dx = e.clientX - startX;
@@ -15761,7 +15905,7 @@ var useDragResize = (options) => {
     newHeight = Math.max(minHeight, Math.min(maxH, newHeight));
     setPanelSize({ width: newWidth, height: newHeight });
   }, [minWidth, maxWidth, minHeight]);
-  const handleResizePointerUp = (0, import_react25.useCallback)((e) => {
+  const handleResizePointerUp = (0, import_react27.useCallback)((e) => {
     if (!resizeStartRef.current) return;
     e.currentTarget.releasePointerCapture(e.pointerId);
     resizeStartRef.current = null;
@@ -15770,7 +15914,7 @@ var useDragResize = (options) => {
     const fp = fabPosRef.current;
     persistState(storageKeyRef.current, { fabX: fp.x, fabY: fp.y, panelWidth: ps.width, panelHeight: ps.height });
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (typeof window === "undefined") return;
     const handleResize = () => {
       const newVw = window.innerWidth;
@@ -15832,9 +15976,9 @@ var useFloatingWidget = (options) => {
     maxWidth,
     minHeight
   } = options || {};
-  const [isOpen, setIsOpen] = (0, import_react26.useState)(defaultOpen);
-  const [activeTab, setActiveTab] = (0, import_react26.useState)(defaultTab);
-  const panelRef = (0, import_react26.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react28.useState)(defaultOpen);
+  const [activeTab, setActiveTab] = (0, import_react28.useState)(defaultTab);
+  const panelRef = (0, import_react28.useRef)(null);
   const dragResize = useDragResize({
     initialPosition: position,
     initialWidth: width,
@@ -15846,27 +15990,27 @@ var useFloatingWidget = (options) => {
     maxWidth,
     minHeight
   });
-  const onOpenRef = (0, import_react26.useRef)(onOpen);
-  const onCloseRef = (0, import_react26.useRef)(onClose);
-  const onTabChangeRef = (0, import_react26.useRef)(onTabChange);
-  (0, import_react26.useEffect)(() => {
+  const onOpenRef = (0, import_react28.useRef)(onOpen);
+  const onCloseRef = (0, import_react28.useRef)(onClose);
+  const onTabChangeRef = (0, import_react28.useRef)(onTabChange);
+  (0, import_react28.useEffect)(() => {
     onOpenRef.current = onOpen;
   }, [onOpen]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     onCloseRef.current = onClose;
   }, [onClose]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     onTabChangeRef.current = onTabChange;
   }, [onTabChange]);
-  const open = (0, import_react26.useCallback)(() => {
+  const open = (0, import_react28.useCallback)(() => {
     setIsOpen(true);
     onOpenRef.current?.();
   }, []);
-  const close = (0, import_react26.useCallback)(() => {
+  const close = (0, import_react28.useCallback)(() => {
     setIsOpen(false);
     onCloseRef.current?.();
   }, []);
-  const toggle = (0, import_react26.useCallback)(() => {
+  const toggle = (0, import_react28.useCallback)(() => {
     setIsOpen((prev) => {
       const next = !prev;
       if (next) onOpenRef.current?.();
@@ -15874,15 +16018,15 @@ var useFloatingWidget = (options) => {
       return next;
     });
   }, []);
-  const setTab = (0, import_react26.useCallback)((tabKey) => {
+  const setTab = (0, import_react28.useCallback)((tabKey) => {
     setActiveTab(tabKey);
     onTabChangeRef.current?.(tabKey);
   }, []);
-  const handleFabInteraction = (0, import_react26.useCallback)(() => {
+  const handleFabInteraction = (0, import_react28.useCallback)(() => {
     if (dragResize.isDragging) return;
     toggle();
   }, [dragResize.isDragging, toggle]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -15892,7 +16036,7 @@ var useFloatingWidget = (options) => {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, close]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (dragResize.isDragging || dragResize.isResizing) return;
@@ -15908,10 +16052,10 @@ var useFloatingWidget = (options) => {
 };
 
 // src/react/components/floating/FloatingFab.tsx
-var import_react28 = require("react");
+var import_react30 = require("react");
 
 // src/react/components/floating/DevDiveCharacter.tsx
-var import_react27 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var THEMES = {
   dark: { body: "#2ecc71", stroke: "#27ae60", highlight: "#3ddc84", face: "#1a1a2e", eyeLight: "#fff" },
@@ -15932,32 +16076,32 @@ var DevDiveFabCharacter = ({
   isComplete = false
 }) => {
   const c = THEMES[theme];
-  const [eyeOffset, setEyeOffset] = (0, import_react27.useState)({ x: 0, y: 0 });
-  const [isBlinking, setIsBlinking] = (0, import_react27.useState)(false);
-  const [isHappy, setIsHappy] = (0, import_react27.useState)(false);
-  const [isPressed, setIsPressed] = (0, import_react27.useState)(false);
-  const [mouthOpen, setMouthOpen] = (0, import_react27.useState)(false);
-  const [isSleepy, setIsSleepy] = (0, import_react27.useState)(false);
-  const [isSurprised, setIsSurprised] = (0, import_react27.useState)(false);
-  const [isWinking, setIsWinking] = (0, import_react27.useState)(false);
-  const [isCatMouth, setIsCatMouth] = (0, import_react27.useState)(false);
-  const [isEntering, setIsEntering] = (0, import_react27.useState)(true);
-  const svgRef = (0, import_react27.useRef)(null);
-  const cleanupRef = (0, import_react27.useRef)(null);
-  const lastActivityRef = (0, import_react27.useRef)(Date.now());
-  const isSleepyRef = (0, import_react27.useRef)(false);
-  const markActivity = (0, import_react27.useCallback)(() => {
+  const [eyeOffset, setEyeOffset] = (0, import_react29.useState)({ x: 0, y: 0 });
+  const [isBlinking, setIsBlinking] = (0, import_react29.useState)(false);
+  const [isHappy, setIsHappy] = (0, import_react29.useState)(false);
+  const [isPressed, setIsPressed] = (0, import_react29.useState)(false);
+  const [mouthOpen, setMouthOpen] = (0, import_react29.useState)(false);
+  const [isSleepy, setIsSleepy] = (0, import_react29.useState)(false);
+  const [isSurprised, setIsSurprised] = (0, import_react29.useState)(false);
+  const [isWinking, setIsWinking] = (0, import_react29.useState)(false);
+  const [isCatMouth, setIsCatMouth] = (0, import_react29.useState)(false);
+  const [isEntering, setIsEntering] = (0, import_react29.useState)(true);
+  const svgRef = (0, import_react29.useRef)(null);
+  const cleanupRef = (0, import_react29.useRef)(null);
+  const lastActivityRef = (0, import_react29.useRef)(Date.now());
+  const isSleepyRef = (0, import_react29.useRef)(false);
+  const markActivity = (0, import_react29.useCallback)(() => {
     lastActivityRef.current = Date.now();
     if (isSleepyRef.current) {
       isSleepyRef.current = false;
       setIsSleepy(false);
     }
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     const t = setTimeout(() => setIsEntering(false), 600);
     return () => clearTimeout(t);
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     let timer;
     let blinkTimer;
     const scheduleBlink = () => {
@@ -15973,7 +16117,7 @@ var DevDiveFabCharacter = ({
       clearTimeout(blinkTimer);
     };
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!isTalking) {
       setMouthOpen(false);
       return;
@@ -15986,7 +16130,7 @@ var DevDiveFabCharacter = ({
     toggle();
     return () => clearTimeout(timer);
   }, [isTalking]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (typeof window === "undefined") return;
     let rafId = 0;
     const onMouseMove = (e) => {
@@ -16010,7 +16154,7 @@ var DevDiveFabCharacter = ({
       cancelAnimationFrame(rafId);
     };
   }, []);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     let upTimer;
     let surpriseTimer;
     const rafId = requestAnimationFrame(() => {
@@ -16053,10 +16197,10 @@ var DevDiveFabCharacter = ({
       cleanupRef.current?.();
     };
   }, [markActivity]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     markActivity();
   }, [isOpen, isTalking, markActivity]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (isOpen || isTalking || isDizzy) return;
     const check = setInterval(() => {
       if (Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS && !isSleepyRef.current) {
@@ -16066,8 +16210,8 @@ var DevDiveFabCharacter = ({
     }, 5e3);
     return () => clearInterval(check);
   }, [isOpen, isTalking, isDizzy]);
-  const prevCompleteRef = (0, import_react27.useRef)(false);
-  (0, import_react27.useEffect)(() => {
+  const prevCompleteRef = (0, import_react29.useRef)(false);
+  (0, import_react29.useEffect)(() => {
     const wasComplete = prevCompleteRef.current;
     prevCompleteRef.current = isComplete;
     if (wasComplete || !isComplete) return;
@@ -16075,7 +16219,7 @@ var DevDiveFabCharacter = ({
     const t = setTimeout(() => setIsWinking(false), WINK_DURATION_MS);
     return () => clearTimeout(t);
   }, [isComplete]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (isOpen || isTalking || isDizzy || isError || isSleepy) {
       setIsCatMouth(false);
       return;
@@ -16267,12 +16411,12 @@ var FloatingFab = ({
 }) => {
   const isRight = position.includes("right");
   const isBottom = position.includes("bottom");
-  const fabRef = (0, import_react28.useRef)(null);
+  const fabRef = (0, import_react30.useRef)(null);
   const isCharacterMode = !icon;
-  const [bubbleOnRight, setBubbleOnRight] = (0, import_react28.useState)(!isRight);
+  const [bubbleOnRight, setBubbleOnRight] = (0, import_react30.useState)(!isRight);
   const posLeft = positionStyle?.left;
   const posTop = positionStyle?.top;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!fabRef.current || typeof window === "undefined") {
       setBubbleOnRight(!isRight);
       return;
@@ -16280,14 +16424,14 @@ var FloatingFab = ({
     const rect = fabRef.current.getBoundingClientRect();
     setBubbleOnRight(rect.left + rect.width / 2 < window.innerWidth / 2);
   }, [isRight, posLeft, posTop]);
-  const [bubbleText, setBubbleText] = (0, import_react28.useState)(null);
-  const [bubbleExiting, setBubbleExiting] = (0, import_react28.useState)(false);
-  const bubbleTextRef = (0, import_react28.useRef)(bubbleText);
+  const [bubbleText, setBubbleText] = (0, import_react30.useState)(null);
+  const [bubbleExiting, setBubbleExiting] = (0, import_react30.useState)(false);
+  const bubbleTextRef = (0, import_react30.useRef)(bubbleText);
   bubbleTextRef.current = bubbleText;
-  const [displayText, setDisplayText] = (0, import_react28.useState)(null);
-  const [isTyping, setIsTyping] = (0, import_react28.useState)(false);
-  const typingTimerRef = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const [displayText, setDisplayText] = (0, import_react30.useState)(null);
+  const [isTyping, setIsTyping] = (0, import_react30.useState)(false);
+  const typingTimerRef = (0, import_react30.useRef)(null);
+  (0, import_react30.useEffect)(() => {
     if (notification) {
       setBubbleText(notification);
       setBubbleExiting(false);
@@ -16323,9 +16467,9 @@ var FloatingFab = ({
     }, 300);
     return () => clearTimeout(timer);
   }, [notification]);
-  const notifContentRef = (0, import_react28.useRef)(null);
-  const [needsMarquee, setNeedsMarquee] = (0, import_react28.useState)(false);
-  (0, import_react28.useEffect)(() => {
+  const notifContentRef = (0, import_react30.useRef)(null);
+  const [needsMarquee, setNeedsMarquee] = (0, import_react30.useState)(false);
+  (0, import_react30.useEffect)(() => {
     if (isTyping || !notification) {
       setNeedsMarquee(false);
       return;
@@ -16467,7 +16611,7 @@ var FloatingFab = ({
 };
 
 // src/react/components/floating/FloatingPanel.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var FloatingPanel = ({
   isOpen,
@@ -16485,8 +16629,8 @@ var FloatingPanel = ({
 }) => {
   const isRight = position.includes("right");
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  const [isMobile, setIsMobile] = (0, import_react29.useState)(false);
-  (0, import_react29.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia("(max-width: 767px)");
     setIsMobile(mql.matches);
@@ -16494,10 +16638,10 @@ var FloatingPanel = ({
     mql.addEventListener("change", handler);
     return () => mql.removeEventListener("change", handler);
   }, []);
-  const [shouldRender, setShouldRender] = (0, import_react29.useState)(isOpen);
-  const [isVisible, setIsVisible] = (0, import_react29.useState)(isOpen);
-  const rafRef = (0, import_react29.useRef)(0);
-  (0, import_react29.useEffect)(() => {
+  const [shouldRender, setShouldRender] = (0, import_react31.useState)(isOpen);
+  const [isVisible, setIsVisible] = (0, import_react31.useState)(isOpen);
+  const rafRef = (0, import_react31.useRef)(0);
+  (0, import_react31.useEffect)(() => {
     if (isOpen) {
       setShouldRender(true);
       rafRef.current = requestAnimationFrame(() => {
@@ -16512,7 +16656,7 @@ var FloatingPanel = ({
     }
     return () => cancelAnimationFrame(rafRef.current);
   }, [isOpen]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!isOpen || !isMobile) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -16673,10 +16817,10 @@ var FloatingTabBar = ({
 };
 
 // src/react/components/floating/CompactChatView.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 
 // src/react/components/floating/CompactSessionMenu.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var CompactSessionMenu = ({
   sessions,
@@ -16688,13 +16832,13 @@ var CompactSessionMenu = ({
   onClose,
   isLoading = false
 }) => {
-  const menuRef = (0, import_react30.useRef)(null);
-  const inputRef = (0, import_react30.useRef)(null);
-  const onCloseRef = (0, import_react30.useRef)(onClose);
+  const menuRef = (0, import_react32.useRef)(null);
+  const inputRef = (0, import_react32.useRef)(null);
+  const onCloseRef = (0, import_react32.useRef)(onClose);
   onCloseRef.current = onClose;
-  const [editingId, setEditingId] = (0, import_react30.useState)(null);
-  const [editingTitle, setEditingTitle] = (0, import_react30.useState)("");
-  (0, import_react30.useEffect)(() => {
+  const [editingId, setEditingId] = (0, import_react32.useState)(null);
+  const [editingTitle, setEditingTitle] = (0, import_react32.useState)("");
+  (0, import_react32.useEffect)(() => {
     const handleMouseDown = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         onCloseRef.current();
@@ -16703,7 +16847,7 @@ var CompactSessionMenu = ({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (editingId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -17018,16 +17162,16 @@ var CompactChatView = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const [showSessionMenu, setShowSessionMenu] = (0, import_react31.useState)(false);
-  const handleSessionSelect = (0, import_react31.useCallback)((id) => {
+  const [showSessionMenu, setShowSessionMenu] = (0, import_react33.useState)(false);
+  const handleSessionSelect = (0, import_react33.useCallback)((id) => {
     selectSession(id);
     setShowSessionMenu(false);
   }, [selectSession]);
-  const handleNewSession = (0, import_react31.useCallback)(() => {
+  const handleNewSession = (0, import_react33.useCallback)(() => {
     newSession();
     setShowSessionMenu(false);
   }, [newSession]);
-  const handleCloseMenu = (0, import_react31.useCallback)(() => {
+  const handleCloseMenu = (0, import_react33.useCallback)(() => {
     setShowSessionMenu(false);
   }, []);
   const greeting = personalization?.userProfile?.nickname ? `${personalization.userProfile.nickname}\uB2D8, \uBB34\uC5C7\uC774\uB4E0 \uBB3C\uC5B4\uBCF4\uC138\uC694` : "\uBB34\uC5C7\uC774\uB4E0 \uBB3C\uC5B4\uBCF4\uC138\uC694";
@@ -17347,11 +17491,11 @@ var ChatFloatingWidget = ({
     maxWidth,
     minHeight
   });
-  const notifObj = (0, import_react32.useMemo)(() => {
+  const notifObj = (0, import_react34.useMemo)(() => {
     if (!notification) return null;
     return typeof notification === "string" ? { text: notification } : notification;
   }, [notification]);
-  const handleFabClick = (0, import_react32.useCallback)(() => {
+  const handleFabClick = (0, import_react34.useCallback)(() => {
     if (notifObj?.onClick) {
       notifObj.onClick();
       if (!isOpen) handleFabInteraction();
@@ -17365,7 +17509,7 @@ var ChatFloatingWidget = ({
     }
     handleFabInteraction();
   }, [notifObj, isOpen, handleFabInteraction, setTab, tabs]);
-  const allTabs = (0, import_react32.useMemo)(() => {
+  const allTabs = (0, import_react34.useMemo)(() => {
     const chatTab = {
       key: "chat",
       label: "\uCC44\uD305",
@@ -17379,16 +17523,16 @@ var ChatFloatingWidget = ({
     }));
     return [chatTab, ...customTabs];
   }, [tabs]);
-  const [unreadBadge, setUnreadBadge] = (0, import_react32.useState)(0);
-  const seenMessageIdsRef = (0, import_react32.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react32.useEffect)(() => {
+  const [unreadBadge, setUnreadBadge] = (0, import_react34.useState)(0);
+  const seenMessageIdsRef = (0, import_react34.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react34.useEffect)(() => {
     if (seenMessageIdsRef.current.size === 0 && chatState.messages.length > 0) {
       for (const m of chatState.messages) {
         seenMessageIdsRef.current.add(m.id);
       }
     }
   }, [chatState.messages]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (isOpen) {
       for (const m of chatState.messages) {
         seenMessageIdsRef.current.add(m.id);
@@ -17405,7 +17549,7 @@ var ChatFloatingWidget = ({
       }
     }
   }, [chatState.messages, isOpen]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (isOpen) {
       setUnreadBadge(0);
       for (const m of chatState.messages) {
@@ -17413,13 +17557,13 @@ var ChatFloatingWidget = ({
       }
     }
   }, [isOpen, chatState.messages]);
-  const totalBadge = (0, import_react32.useMemo)(() => {
+  const totalBadge = (0, import_react34.useMemo)(() => {
     return tabs.reduce((sum, t) => sum + (t.badge || 0), 0) + unreadBadge;
   }, [tabs, unreadBadge]);
-  const isTalking = (0, import_react32.useMemo)(() => !!notification || chatState.isLoading, [notification, chatState.isLoading]);
-  const prevLoadingRef = (0, import_react32.useRef)(chatState.isLoading);
-  const [isComplete, setIsComplete] = (0, import_react32.useState)(false);
-  (0, import_react32.useEffect)(() => {
+  const isTalking = (0, import_react34.useMemo)(() => !!notification || chatState.isLoading, [notification, chatState.isLoading]);
+  const prevLoadingRef = (0, import_react34.useRef)(chatState.isLoading);
+  const [isComplete, setIsComplete] = (0, import_react34.useState)(false);
+  (0, import_react34.useEffect)(() => {
     const wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = chatState.isLoading;
     if (!wasLoading || chatState.isLoading || chatState.messages.length === 0) return;
@@ -17535,7 +17679,7 @@ var ChatFloatingWidget = ({
 };
 
 // src/react/hooks/useDeepResearch.ts
-var import_react33 = require("react");
+var import_react35 = require("react");
 var REPORT_GENERATION_PROMPT2 = `\uB2F9\uC2E0\uC740 \uB9AC\uC11C\uCE58 \uBCF4\uACE0\uC11C \uC791\uC131 \uC804\uBB38\uAC00\uC785\uB2C8\uB2E4.
 
 <collected_sources>
@@ -17586,10 +17730,10 @@ var QUERY_ANALYSIS_PROMPT2 = `\uC0AC\uC6A9\uC790 \uC9C8\uBB38\uC744 \uBD84\uC11D
 - JSON \uC678 \uB2E4\uB978 \uD14D\uC2A4\uD2B8 \uCD9C\uB825 \uAE08\uC9C0`;
 var useDeepResearch = (options) => {
   const { onWebSearch, onExtractContent, apiEndpoint, apiKey, model, provider } = options;
-  const [isResearching, setIsResearching] = (0, import_react33.useState)(false);
-  const [progress, setProgress] = (0, import_react33.useState)(null);
-  const abortControllerRef = (0, import_react33.useRef)(null);
-  const callLLM2 = (0, import_react33.useCallback)(
+  const [isResearching, setIsResearching] = (0, import_react35.useState)(false);
+  const [progress, setProgress] = (0, import_react35.useState)(null);
+  const abortControllerRef = (0, import_react35.useRef)(null);
+  const callLLM2 = (0, import_react35.useCallback)(
     async (prompt, stream = false) => {
       const response = await fetch(apiEndpoint, {
         method: "POST",
@@ -17616,7 +17760,7 @@ var useDeepResearch = (options) => {
     },
     [apiEndpoint, apiKey, model, provider]
   );
-  const analyzeQuery2 = (0, import_react33.useCallback)(
+  const analyzeQuery2 = (0, import_react35.useCallback)(
     async (query) => {
       const prompt = QUERY_ANALYSIS_PROMPT2.replace("{question}", query);
       const response = await callLLM2(prompt);
@@ -17635,7 +17779,7 @@ var useDeepResearch = (options) => {
     },
     [callLLM2]
   );
-  const runSubAgent2 = (0, import_react33.useCallback)(
+  const runSubAgent2 = (0, import_react35.useCallback)(
     async (topic, queries, agentId, updateProgress) => {
       updateProgress({ status: "searching", searchCount: 0, resultsCount: 0 });
       const allResults = [];
@@ -17674,7 +17818,7 @@ var useDeepResearch = (options) => {
     },
     [onWebSearch, onExtractContent]
   );
-  const generateReport2 = (0, import_react33.useCallback)(
+  const generateReport2 = (0, import_react35.useCallback)(
     async (query, results, onStreamContent) => {
       const allSources = [];
       const sourcesForPrompt = [];
@@ -17732,7 +17876,7 @@ var useDeepResearch = (options) => {
     },
     [callLLM2]
   );
-  const runDeepResearch = (0, import_react33.useCallback)(
+  const runDeepResearch = (0, import_react35.useCallback)(
     async (query, onStreamContent) => {
       abortControllerRef.current = new AbortController();
       setIsResearching(true);
@@ -17835,7 +17979,7 @@ var useDeepResearch = (options) => {
     },
     [analyzeQuery2, runSubAgent2, generateReport2]
   );
-  const stopResearch = (0, import_react33.useCallback)(() => {
+  const stopResearch = (0, import_react35.useCallback)(() => {
     abortControllerRef.current?.abort();
     setIsResearching(false);
     setProgress(null);
@@ -17848,6 +17992,122 @@ var useDeepResearch = (options) => {
   };
 };
 
+// src/react/hooks/useContentParsers.ts
+var import_react36 = require("react");
+var useContentParsers = ({
+  sessionsRef,
+  setSessions
+}) => {
+  const applyPollParsing = (0, import_react36.useCallback)(
+    (sessionId, messageId, content, skipParsing) => {
+      const { pollBlock, cleanContent } = parsePollFromContent(content);
+      setSessions(
+        (prev) => prev.map((s) => {
+          if (s.id !== sessionId) return s;
+          return {
+            ...s,
+            messages: s.messages.map((m) => {
+              if (m.id !== messageId) return m;
+              if (skipParsing) {
+                return { ...m, content: cleanContent };
+              }
+              if (pollBlock) {
+                return { ...m, content: cleanContent, pollBlock };
+              }
+              return m;
+            })
+          };
+        })
+      );
+      return skipParsing ? null : pollBlock;
+    },
+    [setSessions]
+  );
+  const applyChecklistParsing = (0, import_react36.useCallback)(
+    (sessionId, messageId, content, skipParsing) => {
+      if (skipParsing) return null;
+      const { checklistBlock, cleanContent } = parseChecklistFromContent(content);
+      if (!checklistBlock) return null;
+      setSessions(
+        (prev) => prev.map((s) => {
+          if (s.id !== sessionId) return s;
+          return {
+            ...s,
+            messages: s.messages.map((m) => {
+              if (m.id !== messageId) return m;
+              return { ...m, content: cleanContent, checklistBlock };
+            })
+          };
+        })
+      );
+      return checklistBlock;
+    },
+    [setSessions]
+  );
+  const applyArtifactParsing = (0, import_react36.useCallback)(
+    (sessionId, messageId, content) => {
+      if (!hasArtifactTag(content)) return false;
+      let found = false;
+      setSessions(
+        (prev) => prev.map((s) => {
+          if (s.id !== sessionId) return s;
+          return {
+            ...s,
+            messages: s.messages.map((m) => {
+              if (m.id !== messageId) return m;
+              const { artifacts, cleanContent } = parseArtifactsFromContent(m.content);
+              if (artifacts.length === 0) return m;
+              found = true;
+              const existingParts = m.contentParts || [];
+              const textPart = cleanContent.trim() ? [{ type: "text", content: cleanContent }] : [];
+              return {
+                ...m,
+                content: cleanContent,
+                contentParts: [
+                  ...textPart,
+                  ...existingParts.filter(
+                    (p) => p.type !== "text" && p.type !== "artifact"
+                  ),
+                  ...artifacts
+                ]
+              };
+            })
+          };
+        })
+      );
+      return found;
+    },
+    [setSessions]
+  );
+  const parseContextReferences = (0, import_react36.useCallback)(
+    (content, sessionContext) => {
+      const { refs, cleanContent } = parseContextRefs(content);
+      if (refs.length === 0 || !sessionContext) {
+        return { refs, cleanContent, refContents: null };
+      }
+      const assembled = refs.map((refId) => {
+        const item = sessionContext.references.find(
+          (r) => r.id === refId
+        );
+        return item ? `[${item.label || item.skillName}]
+${item.summary}` : null;
+      }).filter(Boolean).join("\n\n");
+      return {
+        refs,
+        cleanContent,
+        refContents: assembled || null
+      };
+    },
+    []
+  );
+  return {
+    applyPollParsing,
+    applyChecklistParsing,
+    applyArtifactParsing,
+    parseContextReferences
+  };
+};
+
 // src/react/utils/conversationSearchAdapter.ts
 var formatSearchResults = (results) => {
   if (results.length === 0) {
@@ -18038,7 +18298,7 @@ var EmptyState = ({
 };
 
 // src/react/components/MemoryPanel.tsx
-var import_react34 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var categoryLabels = {
   fact: "\uC0AC\uC6A9\uC790 \uC815\uBCF4",
@@ -18058,8 +18318,8 @@ var MemoryPanel = ({
   isOpen,
   onToggle
 }) => {
-  const [expandedId, setExpandedId] = (0, import_react34.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react34.useState)("all");
+  const [expandedId, setExpandedId] = (0, import_react37.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react37.useState)("all");
   const filteredItems = activeTab === "all" ? items : items.filter((item) => item.category === activeTab);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -18375,9 +18635,53 @@ var MemoryPanel = ({
     }
   );
 };
+
+// src/react/utils/retry.ts
+var DEFAULT_RETRY_CONFIG = {
+  maxRetries: 3,
+  initialDelayMs: 1e3,
+  maxDelayMs: 3e4,
+  backoffMultiplier: 2
+};
+var calculateDelay = (attempt, config) => {
+  const exponential = config.initialDelayMs * Math.pow(config.backoffMultiplier, attempt);
+  const capped = Math.min(exponential, config.maxDelayMs);
+  const jitter = 0.5 + Math.random() * 0.5;
+  return Math.floor(capped * jitter);
+};
+var sleep = (ms, signal) => new Promise((resolve, reject) => {
+  if (signal?.aborted) {
+    reject(signal.reason ?? new DOMException("Aborted", "AbortError"));
+    return;
+  }
+  const timer = setTimeout(resolve, ms);
+  signal?.addEventListener("abort", () => {
+    clearTimeout(timer);
+    reject(signal.reason ?? new DOMException("Aborted", "AbortError"));
+  }, { once: true });
+});
+var withRetry = async (fn, config, signal) => {
+  const merged = { ...DEFAULT_RETRY_CONFIG, ...config };
+  let lastError;
+  for (let attempt = 0; attempt <= merged.maxRetries; attempt++) {
+    try {
+      return await fn();
+    } catch (error) {
+      lastError = error;
+      if (error instanceof DOMException && error.name === "AbortError") throw error;
+      if (error instanceof Error && error.name === "AbortError") throw error;
+      if (signal?.aborted) throw error;
+      if (attempt >= merged.maxRetries) throw error;
+      if (error instanceof ChatError && !error.retryable) throw error;
+      await sleep(calculateDelay(attempt, merged), signal);
+    }
+  }
+  throw lastError;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArtifactCard,
+  ChatError,
   ChatFloatingWidget,
   ChatHeader,
   ChatInput,
@@ -18390,6 +18694,7 @@ var MemoryPanel = ({
   ContentPartRenderer,
   DEFAULT_PROJECT_ID,
   DEFAULT_PROJECT_TITLE,
+  DEFAULT_RETRY_CONFIG,
   DeepResearchProgressUI,
   DevDiveAvatar,
   DevDiveFabCharacter,
@@ -18413,20 +18718,28 @@ var MemoryPanel = ({
   ResizeHandles,
   SettingsModal,
   SkillProgressUI,
+  classifyFetchError,
   convertSkillsToOpenAITools,
   convertToolsToSkills,
   createAdvancedResearchSkill,
   createConversationSearchSkill,
   createDeepResearchSkill,
+  createTimeoutError,
   migrateSessionsToProjects,
+  parseSSELine,
+  parseSSEResponse,
   useChatUI,
+  useChecklist,
+  useContentParsers,
   useDeepResearch,
   useDragResize,
   useFloatingWidget,
   useImageError,
   useObserver,
   useProject,
-  useSkills
+  useSkills,
+  useStreamingFetch,
+  withRetry
 });
 /**
  * @description localStorage 기반 메모리 저장소 어댑터