@gendive/chatllm 0.16.0 → 0.17.0

package/dist/react/index.mjs

@@ -1469,9 +1469,11 @@ var convertToolsToSkills = (tools, onToolCall) => {
   for (const tool of tools) {
     skillMap[tool.name] = {
       description: tool.description,
-      trigger: "both",
+      /** @Todo vibecode - tool.trigger 지원 (기본 'both', 'attachment' 가능) */
+      trigger: tool.trigger || "both",
       label: tool.label || tool.name,
       icon: tool.icon,
+      acceptedTypes: tool.acceptedTypes,
       parameters: {
         type: "object",
         properties: Object.fromEntries(
@@ -1596,7 +1598,12 @@ var useChatUI = (options) => {
     onUpdateProject,
     onDeleteProject,
     onAddProjectFile,
-    onDeleteProjectFile
+    onDeleteProjectFile,
+    // Stream control
+    continueAfterToolResult = true,
+    onSkillComplete,
+    // Dynamic model loading
+    onLoadModels
   } = options;
   const enableAutoExtraction = enableAutoExtractionProp ?? !useExternalStorage;
   const [sessions, setSessions] = useState5([]);
@@ -1620,6 +1627,8 @@ var useChatUI = (options) => {
   const [isSessionLoading, setIsSessionLoading] = useState5(false);
   const [isDeepResearchMode, setIsDeepResearchMode] = useState5(false);
   const [attachments, setAttachments] = useState5([]);
+  const [isModelsLoading, setIsModelsLoading] = useState5(false);
+  const [loadedModels, setLoadedModels] = useState5(null);
   const [deepResearchProgress, setDeepResearchProgress] = useState5(
     null
   );
@@ -1627,6 +1636,40 @@ var useChatUI = (options) => {
   useEffect3(() => {
     sessionsRef.current = sessions;
   }, [sessions]);
+  const onSendMessageRef = useRef4(onSendMessage);
+  const onSessionChangeRef = useRef4(onSessionChange);
+  const onErrorRef = useRef4(onError);
+  const onTitleChangeRef = useRef4(onTitleChange);
+  const generateTitleRef = useRef4(generateTitleCallback);
+  const onPersonalizationChangeRef = useRef4(options.onPersonalizationChange);
+  const onPersonalizationSaveRef = useRef4(options.onPersonalizationSave);
+  const onLoadSessionsRef = useRef4(onLoadSessions);
+  const onCreateSessionRef = useRef4(onCreateSession);
+  const onLoadSessionRef = useRef4(onLoadSession);
+  const onDeleteSessionCallbackRef = useRef4(onDeleteSessionCallback);
+  const onUpdateSessionTitleRef = useRef4(onUpdateSessionTitle);
+  const onSaveMessagesRef = useRef4(onSaveMessages);
+  const onToolCallRef = useRef4(onToolCall);
+  const onSkillCompleteRef = useRef4(onSkillComplete);
+  const onLoadModelsRef = useRef4(onLoadModels);
+  useEffect3(() => {
+    onSendMessageRef.current = onSendMessage;
+    onSessionChangeRef.current = onSessionChange;
+    onErrorRef.current = onError;
+    onTitleChangeRef.current = onTitleChange;
+    generateTitleRef.current = generateTitleCallback;
+    onPersonalizationChangeRef.current = options.onPersonalizationChange;
+    onPersonalizationSaveRef.current = options.onPersonalizationSave;
+    onLoadSessionsRef.current = onLoadSessions;
+    onCreateSessionRef.current = onCreateSession;
+    onLoadSessionRef.current = onLoadSession;
+    onDeleteSessionCallbackRef.current = onDeleteSessionCallback;
+    onUpdateSessionTitleRef.current = onUpdateSessionTitle;
+    onSaveMessagesRef.current = onSaveMessages;
+    onToolCallRef.current = onToolCall;
+    onSkillCompleteRef.current = onSkillComplete;
+    onLoadModelsRef.current = onLoadModels;
+  });
   const abortControllerRef = useRef4(null);
   const skipNextPollParsingRef = useRef4(false);
   const skipNextSkillParsingRef = useRef4(false);
@@ -1642,11 +1685,15 @@ var useChatUI = (options) => {
     [globalMemoryConfig, storageKey]
   );
   const globalMemory = useGlobalMemoryEnabled ? useGlobalMemory(memoryOptions) : null;
+  const stableToolCall = useCallback5(
+    (name, params) => onToolCallRef.current(name, params),
+    []
+  );
   const mergedSkills = useMemo2(() => {
     if (!tools || !onToolCall) return skills || {};
-    const toolSkills = convertToolsToSkills(tools, onToolCall);
+    const toolSkills = convertToolsToSkills(tools, stableToolCall);
     return { ...skills || {}, ...toolSkills };
-  }, [skills, tools, onToolCall]);
+  }, [skills, tools, !!onToolCall, stableToolCall]);
   const {
     buildSkillsPrompt,
     handleSkillCall,
@@ -1700,9 +1747,9 @@ var useChatUI = (options) => {
   }, [sessions, enableProjects, projectHook.currentProjectId]);
   useEffect3(() => {
     if (typeof window === "undefined") return;
-    if (useExternalStorage && onLoadSessions) {
+    if (useExternalStorage && onLoadSessionsRef.current) {
       setIsSessionsLoading(true);
-      onLoadSessions().then((sessionList) => {
+      onLoadSessionsRef.current().then((sessionList) => {
         const sessionsWithoutMessages = sessionList.map((s) => ({
           id: s.id,
           title: s.title,
@@ -1718,7 +1765,7 @@ var useChatUI = (options) => {
           setCurrentSessionId(targetId);
         }
       }).catch((error) => {
-        onError?.(error instanceof Error ? error : new Error("Failed to load sessions"));
+        onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to load sessions"));
       }).finally(() => {
         setIsSessionsLoading(false);
       });
@@ -1755,7 +1802,22 @@ var useChatUI = (options) => {
       } catch {
       }
     }
-  }, [storageKey, useExternalStorage, onLoadSessions, initialModel, models, onError]);
+  }, [storageKey, useExternalStorage, initialModel, models]);
+  useEffect3(() => {
+    if (!onLoadModelsRef.current) return;
+    setIsModelsLoading(true);
+    onLoadModelsRef.current().then((modelList) => {
+      setLoadedModels(modelList);
+      if (modelList.length > 0 && !modelList.find((m) => m.id === selectedModel)) {
+        setSelectedModel(modelList[0].id);
+      }
+    }).catch((error) => {
+      onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to load models"));
+    }).finally(() => {
+      setIsModelsLoading(false);
+    });
+  }, []);
+  const effectiveModels = loadedModels || models;
   useEffect3(() => {
     if (typeof window === "undefined") return;
     if (useExternalStorage) return;
@@ -1768,8 +1830,8 @@ var useChatUI = (options) => {
     localStorage.setItem(`${storageKey}_personalization`, JSON.stringify(personalization));
   }, [personalization, storageKey]);
   useEffect3(() => {
-    onSessionChange?.(currentSession);
-  }, [currentSession, onSessionChange]);
+    onSessionChangeRef.current?.(currentSession);
+  }, [currentSession]);
   const buildSystemPrompt = useCallback5(() => {
     const parts = [];
     const { userProfile, responseStyle, language } = personalization;
@@ -1975,10 +2037,10 @@ ${newConversation}
   }, []);
   const newSession = useCallback5(async () => {
     const projectId = enableProjects ? projectHook.currentProjectId || DEFAULT_PROJECT_ID : void 0;
-    if (useExternalStorage && onCreateSession) {
+    if (useExternalStorage && onCreateSessionRef.current) {
       setIsSessionLoading(true);
       try {
-        const created = await onCreateSession();
+        const created = await onCreateSessionRef.current();
         const now2 = Date.now();
         const newSess2 = {
           id: created.id,
@@ -1992,7 +2054,7 @@ ${newConversation}
         setSessions((prev) => [newSess2, ...prev]);
         setCurrentSessionId(newSess2.id);
       } catch (error) {
-        onError?.(error instanceof Error ? error : new Error("Failed to create session"));
+        onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to create session"));
       } finally {
         setIsSessionLoading(false);
       }
@@ -2010,12 +2072,12 @@ ${newConversation}
     };
     setSessions((prev) => [newSess, ...prev]);
     setCurrentSessionId(newSess.id);
-  }, [selectedModel, useExternalStorage, onCreateSession, onError, enableProjects, projectHook.currentProjectId]);
+  }, [selectedModel, useExternalStorage, enableProjects, projectHook.currentProjectId]);
   const selectSession = useCallback5(async (id) => {
-    if (useExternalStorage && onLoadSession) {
+    if (useExternalStorage && onLoadSessionRef.current) {
       setIsSessionLoading(true);
       try {
-        const sessionDetail = await onLoadSession(id);
+        const sessionDetail = await onLoadSessionRef.current(id);
         let loadedMessages = sessionDetail.messages.map((m, idx) => ({
           id: m.id || generateId3("msg"),
           role: typeof m.role === "string" ? m.role.toLowerCase() : m.role,
@@ -2061,7 +2123,7 @@ ${newConversation}
           setSelectedModel(existingSession.model);
         }
       } catch (error) {
-        onError?.(error instanceof Error ? error : new Error("Failed to load session"));
+        onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to load session"));
         const cached = readSessionCache(storageKey, id);
         if (cached && cached.messages.length > 0) {
           console.warn("[useChatUI] onLoadSession failed, using localStorage cache");
@@ -2086,11 +2148,11 @@ ${newConversation}
       setCurrentSessionId(id);
       setSelectedModel(session.model);
     }
-  }, [sessions, useExternalStorage, onLoadSession, onError, storageKey, initialModel, models]);
+  }, [sessions, useExternalStorage, storageKey, initialModel, models]);
   const deleteSession = useCallback5(async (id) => {
-    if (useExternalStorage && onDeleteSessionCallback) {
+    if (useExternalStorage && onDeleteSessionCallbackRef.current) {
       try {
-        await onDeleteSessionCallback(id);
+        await onDeleteSessionCallbackRef.current(id);
         removeSessionCache(storageKey, id);
         setSessions((prev) => {
           const filtered = prev.filter((s) => s.id !== id);
@@ -2100,7 +2162,7 @@ ${newConversation}
           return filtered;
         });
       } catch (error) {
-        onError?.(error instanceof Error ? error : new Error("Failed to delete session"));
+        onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to delete session"));
       }
       return;
     }
@@ -2114,20 +2176,20 @@ ${newConversation}
       }
       return filtered;
     });
-  }, [currentSessionId, storageKey, useExternalStorage, onDeleteSessionCallback, onError]);
+  }, [currentSessionId, storageKey, useExternalStorage]);
   const renameSession = useCallback5(async (id, newTitle) => {
     if (!newTitle.trim()) return;
-    if (useExternalStorage && onUpdateSessionTitle) {
+    if (useExternalStorage && onUpdateSessionTitleRef.current) {
       try {
-        await onUpdateSessionTitle(id, newTitle.trim());
+        await onUpdateSessionTitleRef.current(id, newTitle.trim());
         setSessions(
           (prev) => prev.map(
             (s) => s.id === id ? { ...s, title: newTitle.trim(), updatedAt: Date.now() } : s
           )
         );
-        onTitleChange?.(id, newTitle.trim());
+        onTitleChangeRef.current?.(id, newTitle.trim());
       } catch (error) {
-        onError?.(error instanceof Error ? error : new Error("Failed to update session title"));
+        onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to update session title"));
       }
       return;
     }
@@ -2136,8 +2198,8 @@ ${newConversation}
         (s) => s.id === id ? { ...s, title: newTitle.trim(), updatedAt: Date.now() } : s
       )
     );
-    onTitleChange?.(id, newTitle.trim());
-  }, [onTitleChange, useExternalStorage, onUpdateSessionTitle, onError]);
+    onTitleChangeRef.current?.(id, newTitle.trim());
+  }, [useExternalStorage]);
   const setModel = useCallback5((model) => {
     setSelectedModel(model);
     if (currentSessionId) {
@@ -2171,13 +2233,13 @@ ${newConversation}
   const updatePersonalization = useCallback5((config) => {
     setPersonalization((prev) => {
       const next = { ...prev, ...config };
-      options.onPersonalizationChange?.(next);
+      onPersonalizationChangeRef.current?.(next);
       return next;
     });
-  }, [options.onPersonalizationChange]);
+  }, []);
   const savePersonalization = useCallback5(() => {
-    options.onPersonalizationSave?.(personalization);
-  }, [options.onPersonalizationSave, personalization]);
+    onPersonalizationSaveRef.current?.(personalization);
+  }, [personalization]);
   const addAttachments = useCallback5((files) => {
     const newAttachments = files.map((file) => {
       const isImage = file.type.startsWith("image/");
@@ -2210,9 +2272,9 @@ ${newConversation}
     if (!messageContent.trim() || isLoading) return;
     let sessionId = currentSessionId;
     if (!sessionId) {
-      if (useExternalStorage && onCreateSession) {
+      if (useExternalStorage && onCreateSessionRef.current) {
         try {
-          const created = await onCreateSession();
+          const created = await onCreateSessionRef.current();
           const now = Date.now();
           const newSess = {
             id: created.id,
@@ -2226,7 +2288,7 @@ ${newConversation}
           sessionId = newSess.id;
           setCurrentSessionId(sessionId);
         } catch (error) {
-          onError?.(error instanceof Error ? error : new Error("Failed to create session"));
+          onErrorRef.current?.(error instanceof Error ? error : new Error("Failed to create session"));
           setIsLoading(false);
           return;
         }
@@ -2279,13 +2341,51 @@ ${finalContent}`;
       ...isHidden && { hidden: true },
       ...userContentParts && { contentParts: userContentParts }
     };
+    let attachmentResults = [];
+    if (currentAttachments.length > 0) {
+      const attachmentSkills = Object.entries(resolvedSkills).filter(
+        ([, config]) => config.trigger === "attachment"
+      );
+      for (const [skillName, skillConfig] of attachmentSkills) {
+        const matchedFiles = currentAttachments.filter((att) => {
+          if (!skillConfig.acceptedTypes || skillConfig.acceptedTypes.length === 0) return true;
+          return skillConfig.acceptedTypes.some((type) => {
+            if (type.startsWith(".")) return att.name.toLowerCase().endsWith(type.toLowerCase());
+            if (type.includes("*")) {
+              const regex = new RegExp("^" + type.replace("*", ".*") + "$");
+              return regex.test(att.mimeType);
+            }
+            return att.mimeType === type;
+          });
+        });
+        if (matchedFiles.length === 0) continue;
+        try {
+          const result = await skillConfig.execute({ files: matchedFiles, userMessage: finalContent });
+          attachmentResults.push({
+            type: "tool_result",
+            toolName: skillName,
+            label: skillConfig.label,
+            icon: skillConfig.icon,
+            result: {
+              type: "text",
+              content: result.content,
+              metadata: result.metadata,
+              sources: result.sources
+            }
+          });
+        } catch (error) {
+          console.error(`[useChatUI] attachment skill ${skillName} failed:`, error);
+        }
+      }
+    }
     const assistantMessageId = generateId3("msg");
     const assistantMessage = {
       id: assistantMessageId,
       role: "assistant",
       content: "",
       model: selectedModel,
-      timestamp: Date.now()
+      timestamp: Date.now(),
+      ...attachmentResults.length > 0 && { contentParts: attachmentResults }
     };
     setInput("");
     setQuotedText(null);
@@ -2312,15 +2412,15 @@ ${finalContent}`;
         return s;
       })
     );
-    if (isFirstMessage && generateTitleCallback) {
-      Promise.resolve(generateTitleCallback(finalContent)).then((generatedTitle) => {
+    if (isFirstMessage && generateTitleRef.current) {
+      Promise.resolve(generateTitleRef.current(finalContent)).then((generatedTitle) => {
         if (generatedTitle && generatedTitle.trim()) {
           setSessions(
             (prev) => prev.map(
               (s) => s.id === capturedSessionId ? { ...s, title: generatedTitle.trim(), updatedAt: Date.now() } : s
             )
           );
-          onTitleChange?.(capturedSessionId, generatedTitle.trim());
+          onTitleChangeRef.current?.(capturedSessionId, generatedTitle.trim());
         }
       }).catch(() => {
       });
@@ -2648,6 +2748,16 @@ ${currentContextSummary}` },
                 abortControllerRef.current = null;
                 return;
               }
+              let shouldContinue = continueAfterToolResult;
+              if (onSkillCompleteRef.current) {
+                const decision = onSkillCompleteRef.current(toolName, result);
+                shouldContinue = decision === "continue";
+              }
+              if (!shouldContinue) {
+                setIsLoading(false);
+                abortControllerRef.current = null;
+                return;
+              }
               skipNextSkillParsingRef.current = true;
               const feedbackPrompt = resultType === "error" ? `\uB3C4\uAD6C "${toolName}" \uC2E4\uD589 \uC911 \uC624\uB958 \uBC1C\uC0DD: ${result.content}
 
@@ -2688,6 +2798,16 @@ ${result.content}
               abortControllerRef.current = null;
               return;
             }
+            let shouldContinueSkill = continueAfterToolResult;
+            if (onSkillCompleteRef.current) {
+              const decision = onSkillCompleteRef.current(detectedSkill.name, result);
+              shouldContinueSkill = decision === "continue";
+            }
+            if (!shouldContinueSkill) {
+              setIsLoading(false);
+              abortControllerRef.current = null;
+              return;
+            }
             skipNextSkillParsingRef.current = true;
             const resultPrompt = `\uC2A4\uD0AC "${detectedSkill.name}" \uC2E4\uD589 \uACB0\uACFC:
 
@@ -2727,7 +2847,7 @@ ${result.content}
       );
       if (useExternalStorage && capturedSessionId) {
         const assistantContentForSave = accumulatedContent;
-        if (assistantContentForSave && onSaveMessages) {
+        if (assistantContentForSave && onSaveMessagesRef.current) {
           const latestSession = sessionsRef.current.find((s) => s.id === capturedSessionId);
           const latestMessages = latestSession?.messages || [];
           const userMsg = latestMessages.find((m) => m.role === "user" && m.content === finalContent);
@@ -2736,7 +2856,7 @@ ${result.content}
             { role: "user", message: finalContent, ...userMsg?.contentParts && { contentParts: userMsg.contentParts } },
             { role: "assistant", message: assistantContentForSave, ...assistantMsg?.contentParts && { contentParts: assistantMsg.contentParts } }
           ];
-          onSaveMessages(capturedSessionId, messagesToSave).catch((saveError) => {
+          onSaveMessagesRef.current(capturedSessionId, messagesToSave).catch((saveError) => {
             console.error("[useChatUI] Failed to save messages:", saveError);
           });
         }
@@ -2764,7 +2884,7 @@ ${result.content}
         return;
       }
       const err = error instanceof Error ? error : new Error("Unknown error");
-      onError?.(err);
+      onErrorRef.current?.(err);
       setSessions(
         (prev) => prev.map((s) => {
           if (s.id === capturedSessionId) {
@@ -3037,11 +3157,11 @@ ${formattedParts.join("\n")}
         return;
       }
       console.error("[ChatUI] Regenerate error:", error);
-      onError?.(error instanceof Error ? error : new Error("Unknown error"));
+      onErrorRef.current?.(error instanceof Error ? error : new Error("Unknown error"));
     } finally {
       setIsLoading(false);
     }
-  }, [currentSession, currentSessionId, isLoading, selectedModel, models, apiEndpoint, apiKey, buildSystemPrompt, onError]);
+  }, [currentSession, currentSessionId, isLoading, selectedModel, models, apiEndpoint, apiKey, buildSystemPrompt]);
   const askOtherModel = useCallback5(async (messageId, targetModel) => {
     if (!currentSession || !currentSessionId || isLoading) return;
     const assistantIndex = currentSession.messages.findIndex((m) => m.id === messageId);
@@ -3193,7 +3313,7 @@ ${currentSession.contextSummary}` },
         return;
       }
       const err = error instanceof Error ? error : new Error("Unknown error");
-      onError?.(err);
+      onErrorRef.current?.(err);
     } finally {
       setIsLoading(false);
       setLoadingAlternativeFor(null);
@@ -3262,7 +3382,8 @@ ${currentSession.contextSummary}` },
     getActiveAlternative,
     updatePersonalization,
     savePersonalization,
-    models,
+    models: effectiveModels,
+    isModelsLoading,
     // Memory
     globalMemory,
     compressionState,
@@ -3375,8 +3496,8 @@ ${currentSession.contextSummary}` },
       if (!enableProjects) return;
       const projectSessions = sessionsRef.current.filter((s) => s.projectId === projectId);
       for (const sess of projectSessions) {
-        if (useExternalStorage && onDeleteSessionCallback) {
-          await onDeleteSessionCallback(sess.id).catch(() => {
+        if (useExternalStorage && onDeleteSessionCallbackRef.current) {
+          await onDeleteSessionCallbackRef.current(sess.id).catch(() => {
           });
         }
         removeSessionCache(storageKey, sess.id);
@@ -3736,7 +3857,8 @@ var ChatSidebar = ({
   onNewProject,
   onProjectSettings,
   renderAfterHeader,
-  renderFooter
+  renderFooter,
+  isLoading = false
 }) => {
   const sidebarWidth = typeof widthProp === "number" ? `${widthProp}px` : widthProp || "288px";
   const [editingId, setEditingId] = useState7(null);
@@ -3831,11 +3953,10 @@ var ChatSidebar = ({
                       style: {
                         fontSize: "14px",
                         fontWeight: 700,
-                        textTransform: "uppercase",
                         letterSpacing: "-0.01em",
                         color: "var(--chatllm-text)"
                       },
-                      children: "Intelligence"
+                      children: "AI \uCC44\uD305"
                     }
                   )
                 ] })
@@ -3885,7 +4006,22 @@ var ChatSidebar = ({
                   display: "flex",
                   flexDirection: "column"
                 },
-                children: sessions.length === 0 ? (
+                children: isLoading ? (
+                  /* Skeleton Loading State */
+                  /* @__PURE__ */ jsx3("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "0 4px" }, children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx3(
+                    "div",
+                    {
+                      className: "chatllm-skeleton-pulse",
+                      style: {
+                        height: "48px",
+                        borderRadius: "8px",
+                        backgroundColor: "var(--chatllm-bg-tertiary)",
+                        opacity: 1 - (i - 1) * 0.15
+                      }
+                    },
+                    i
+                  )) })
+                ) : sessions.length === 0 ? (
                   /* Empty State */
                   /* @__PURE__ */ jsxs2(
                     "div",
@@ -4828,6 +4964,16 @@ var ChatInput = ({
                               }
                             )
                           ] }),
+                          /* @__PURE__ */ jsx5(
+                            "button",
+                            {
+                              onClick: () => fileInputRef.current?.click(),
+                              style: iconButtonStyle,
+                              title: "\uD30C\uC77C \uCCA8\uBD80",
+                              "aria-label": "\uD30C\uC77C \uCCA8\uBD80",
+                              children: /* @__PURE__ */ jsx5(IconSvg, { name: "attachment-line", size: 22, color: "var(--chatllm-text-muted)" })
+                            }
+                          ),
                           /* @__PURE__ */ jsxs4("div", { ref: mainMenuRef, style: { position: "relative" }, children: [
                             /* @__PURE__ */ jsx5(
                               "button",
@@ -5507,45 +5653,99 @@ var parseTableRow = (row) => {
   return row.split("|").slice(1, -1).map((cell) => cell.trim());
 };
 var MarkdownTable = ({ data }) => {
+  const [copied, setCopied] = React6.useState(false);
+  const [isHovered, setIsHovered] = React6.useState(false);
+  const handleCopy = async () => {
+    const headerLine = data.headers.join("	");
+    const bodyLines = data.rows.map((row) => row.join("	"));
+    const text = [headerLine, ...bodyLines].join("\n");
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      console.error("Failed to copy table");
+    }
+  };
   return /* @__PURE__ */ jsxs6(
-    "table",
+    "div",
     {
-      className: "chatllm-table",
-      style: {
-        width: "100%",
-        borderCollapse: "collapse",
-        margin: "12px 0",
-        fontSize: "14px"
-      },
+      style: { position: "relative", margin: "12px 0" },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       children: [
-        /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: data.headers.map((header, i) => /* @__PURE__ */ jsx7(
-          "th",
+        /* @__PURE__ */ jsxs6(
+          "table",
           {
+            className: "chatllm-table",
             style: {
-              border: "1px solid var(--chatllm-border, #e5e7eb)",
-              padding: "10px 12px",
-              textAlign: data.alignments[i] || "left",
-              backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
-              fontWeight: 600,
-              color: "var(--chatllm-text, #374151)"
+              width: "100%",
+              borderCollapse: "collapse",
+              fontSize: "14px"
             },
-            children: parseInlineElements(header, `th-${i}`)
-          },
-          i
-        )) }) }),
-        /* @__PURE__ */ jsx7("tbody", { children: data.rows.map((row, rowIndex) => /* @__PURE__ */ jsx7("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx7(
-          "td",
+            children: [
+              /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: data.headers.map((header, i) => /* @__PURE__ */ jsx7(
+                "th",
+                {
+                  style: {
+                    border: "1px solid var(--chatllm-border, #e5e7eb)",
+                    padding: "10px 12px",
+                    textAlign: data.alignments[i] || "left",
+                    backgroundColor: "var(--chatllm-bg-secondary, #f9fafb)",
+                    fontWeight: 600,
+                    color: "var(--chatllm-text, #374151)"
+                  },
+                  children: parseInlineElements(header, `th-${i}`)
+                },
+                i
+              )) }) }),
+              /* @__PURE__ */ jsx7("tbody", { children: data.rows.map((row, rowIndex) => /* @__PURE__ */ jsx7("tr", { children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx7(
+                "td",
+                {
+                  style: {
+                    border: "1px solid var(--chatllm-border, #e5e7eb)",
+                    padding: "10px 12px",
+                    textAlign: data.alignments[cellIndex] || "left",
+                    color: "var(--chatllm-text, #374151)"
+                  },
+                  children: parseInlineElements(cell, `td-${rowIndex}-${cellIndex}`)
+                },
+                cellIndex
+              )) }, rowIndex)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs6(
+          "button",
           {
+            onClick: handleCopy,
             style: {
+              position: "absolute",
+              top: "4px",
+              right: "4px",
+              padding: "4px 8px",
+              fontSize: "12px",
+              backgroundColor: "var(--chatllm-bg, #ffffff)",
               border: "1px solid var(--chatllm-border, #e5e7eb)",
-              padding: "10px 12px",
-              textAlign: data.alignments[cellIndex] || "left",
-              color: "var(--chatllm-text, #374151)"
+              borderRadius: "6px",
+              cursor: "pointer",
+              color: copied ? "var(--chatllm-success, #22c55e)" : "var(--chatllm-text-muted, #9ca3af)",
+              opacity: isHovered || copied ? 1 : 0,
+              transition: "opacity 0.15s",
+              display: "flex",
+              alignItems: "center",
+              gap: "4px",
+              boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
             },
-            children: parseInlineElements(cell, `td-${rowIndex}-${cellIndex}`)
-          },
-          cellIndex
-        )) }, rowIndex)) })
+            children: [
+              /* @__PURE__ */ jsx7("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: copied ? /* @__PURE__ */ jsx7("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+                /* @__PURE__ */ jsx7("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+                /* @__PURE__ */ jsx7("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+              ] }) }),
+              copied ? "\uBCF5\uC0AC\uB428" : "\uBCF5\uC0AC"
+            ]
+          }
+        )
       ]
     }
   );
@@ -6759,6 +6959,7 @@ var PollCard = ({
     onSkip?.();
   }, [questions, onSubmit, onSkip]);
   useEffect7(() => {
+    if (typeof window === "undefined") return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") handleSkip();
     };
@@ -7703,7 +7904,7 @@ var MessageBubble = ({
   const displaySources = isAssistant && relevantAlternatives && relevantAlternatives.length > 0 && relevantActiveIndex > 0 ? relevantAlternatives[relevantActiveIndex - 1]?.sources : message.sources;
   const handleMouseUp = () => {
     if (!onQuote) return;
-    const selection = window.getSelection();
+    const selection = typeof window !== "undefined" ? window.getSelection() : null;
     const text = selection?.toString().trim();
     if (text && text.length > 0) {
     }
@@ -8318,7 +8519,7 @@ var MessageList = ({
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
   const handleMouseUp = useCallback8(() => {
-    const selection = window.getSelection();
+    const selection = typeof window !== "undefined" ? window.getSelection() : null;
     const text = selection?.toString().trim();
     if (text && text.length > 0) {
       const range = selection?.getRangeAt(0);
@@ -8334,7 +8535,7 @@ var MessageList = ({
       }
     } else {
       setTimeout(() => {
-        const currentSelection = window.getSelection()?.toString().trim();
+        const currentSelection = typeof window !== "undefined" ? window.getSelection()?.toString().trim() : void 0;
         if (!currentSelection) {
           setSelectionPosition(null);
         }
@@ -8346,7 +8547,9 @@ var MessageList = ({
       onQuote(selectedText);
       setSelectionPosition(null);
       setSelectedText("");
-      window.getSelection()?.removeAllRanges();
+      if (typeof window !== "undefined") {
+        window.getSelection()?.removeAllRanges();
+      }
     }
   };
   return /* @__PURE__ */ jsxs15(
@@ -9004,7 +9207,7 @@ var SettingsModal = ({
                   "button",
                   {
                     onClick: () => {
-                      if (window.confirm("\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?")) {
+                      if (typeof window !== "undefined" && window.confirm("\uBAA8\uB4E0 \uB300\uD654 \uAE30\uB85D\uC744 \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?")) {
                         onClearAllData();
                       }
                     },
@@ -9275,7 +9478,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
       "button",
       {
         onClick: () => {
-          if (window.confirm("\uBAA8\uB4E0 AI \uBA54\uBAA8\uB9AC\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?")) {
+          if (typeof window !== "undefined" && window.confirm("\uBAA8\uB4E0 AI \uBA54\uBAA8\uB9AC\uB97C \uC0AD\uC81C\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?")) {
             onClearAll();
           }
         },
@@ -9522,7 +9725,7 @@ var ProjectSettingsModal = ({
                     "button",
                     {
                       onClick: () => {
-                        if (window.confirm(`"${project.title}" \uD504\uB85C\uC81D\uD2B8\uC640 \uC18C\uC18D \uB300\uD654\uAC00 \uBAA8\uB450 \uC0AD\uC81C\uB429\uB2C8\uB2E4. \uACC4\uC18D\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?`)) {
+                        if (typeof window !== "undefined" && window.confirm(`"${project.title}" \uD504\uB85C\uC81D\uD2B8\uC640 \uC18C\uC18D \uB300\uD654\uAC00 \uBAA8\uB450 \uC0AD\uC81C\uB429\uB2C8\uB2E4. \uACC4\uC18D\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?`)) {
                           onDeleteProject(project.id);
                           onClose();
                         }
@@ -10027,7 +10230,8 @@ var ChatUIView = ({
     projectSettingsOpen,
     openProjectSettings,
     closeProjectSettings,
-    projectMemory
+    projectMemory,
+    isSessionsLoading
   } = state;
   const greeting = currentPersonalization.userProfile.nickname ? `\uC548\uB155\uD558\uC138\uC694, ${currentPersonalization.userProfile.nickname}\uB2D8` : "\uC548\uB155\uD558\uC138\uC694";
   const handleTemplateClick = (template) => {
@@ -10111,7 +10315,8 @@ var ChatUIView = ({
               openProjectSettings();
             } : void 0,
             renderAfterHeader: sidebarRenderAfterHeader,
-            renderFooter: sidebarRenderFooter
+            renderFooter: sidebarRenderFooter,
+            isLoading: isSessionsLoading
           }
         ),
         /* @__PURE__ */ jsxs19(
@@ -10283,6 +10488,9 @@ var ChatUIWithHook = ({
   skills,
   tools,
   onToolCall,
+  continueAfterToolResult,
+  onSkillComplete,
+  onLoadModels,
   // Project options
   enableProjects,
   onLoadProjects,
@@ -10322,6 +10530,9 @@ var ChatUIWithHook = ({
     skills,
     tools,
     onToolCall,
+    continueAfterToolResult,
+    onSkillComplete,
+    onLoadModels,
     enableProjects,
     onLoadProjects,
     onCreateProject,