@gendive/chatllm 0.17.6 → 0.17.7

package/dist/react/index.js

@@ -6491,6 +6491,7 @@ var MarkdownRenderer = ({
     } else {
       processedContent = processedContent.replace(UNCLOSED_THINKING_TAG_REGEX, "");
     }
+    processedContent = processedContent.replace(/<poll[^>]*>[\s\S]*?<\/poll>/gi, "");
     processedContent = processedContent.replace(UNCLOSED_POLL_TAG_REGEX, "");
     processedContent = processedContent.replace(UNCLOSED_SKILL_TAG_REGEX, "");
     const codeBlocks = [];
@@ -10176,8 +10177,133 @@ var ProjectSettingsModal = ({
   );
 };
 
-// src/react/ChatUI.tsx
+// src/react/components/DisclaimerModal.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
+var DisclaimerModal = ({ isOpen, onClose }) => {
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: "chatllm-disclaimer-overlay",
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.3)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3
+      },
+      onClick: onClose,
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        "div",
+        {
+          className: "chatllm-disclaimer-modal",
+          style: {
+            backgroundColor: "var(--chatllm-bg, #ffffff)",
+            borderRadius: "16px",
+            width: "100%",
+            maxWidth: "560px",
+            maxHeight: "80vh",
+            margin: "16px",
+            boxShadow: "0 20px 60px rgba(0, 0, 0, 0.15)",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden"
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  padding: "20px 24px 16px",
+                  borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: "error-warning-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      "h2",
+                      {
+                        style: {
+                          margin: 0,
+                          fontSize: "16px",
+                          fontWeight: 600,
+                          color: "var(--chatllm-text, #1e293b)"
+                        },
+                        children: "AI \uC751\uB2F5\uC5D0 \uB300\uD55C \uC548\uB0B4"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    "button",
+                    {
+                      onClick: onClose,
+                      "aria-label": "\uB2EB\uAE30",
+                      style: {
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        padding: "4px",
+                        borderRadius: "6px",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center"
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSvg, { name: "close-line", size: 20, color: "var(--chatllm-text-muted, #64748b)" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              "div",
+              {
+                className: "chatllm-scrollbar",
+                style: {
+                  padding: "20px 24px 24px",
+                  overflow: "auto",
+                  fontSize: "14px",
+                  lineHeight: 1.7,
+                  color: "var(--chatllm-text-secondary, #475569)"
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { margin: "0 0 14px" }, children: "AI \uCC44\uD305\uC740 \uC0AC\uC6A9\uC790\uB97C \uB3D5\uAE30 \uC704\uD574 \uC124\uACC4\uB418\uC5C8\uC9C0\uB9CC, \uACBD\uC6B0\uC5D0 \uB530\uB77C \uBD80\uC815\uD655\uD558\uAC70\uB098 \uC624\uD574\uC758 \uC18C\uC9C0\uAC00 \uC788\uB294 \uB2F5\uBCC0\uC744 \uC81C\uACF5\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { margin: "0 0 14px" }, children: "\uC774\uB7EC\uD55C \uD604\uC0C1\uC740 \uD754\uD788 '\uD658\uAC01(hallucination)'\uC774\uB77C\uACE0 \uBD88\uB9AC\uBA70, AI \uCC44\uD305\uACFC \uAC19\uC740 \uCD5C\uC2E0 \uC0DD\uC131\uD615 AI \uAE30\uC220\uC774 \uC544\uC9C1 \uAC00\uC9C0\uACE0 \uC788\uB294 \uD55C\uACC4\uC5D0\uC11C \uBE44\uB86F\uB429\uB2C8\uB2E4. \uC608\uB97C \uB4E4\uC5B4, \uC77C\uBD80 \uC8FC\uC81C\uC5D0 \uB300\uD574\uC11C\uB294 \uCD5C\uC2E0 \uC815\uBCF4\uAE4C\uC9C0 \uD559\uC2B5\uB418\uC5B4 \uC788\uC9C0 \uC54A\uC744 \uC218 \uC788\uC73C\uBA70, \uC2DC\uC0AC\uC801\uC778 \uC774\uC288\uB098 \uBE60\uB974\uAC8C \uBCC0\uD654\uD558\uB294 \uB0B4\uC6A9\uC5D0 \uB300\uD574\uC11C\uB294 \uD63C\uB780\uC2A4\uB7EC\uC6B4 \uB2F5\uBCC0\uC744 \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uB610\uD55C, \uC0AC\uC2E4\uC5D0 \uADFC\uAC70\uD558\uC9C0 \uC54A\uC558\uC74C\uC5D0\uB3C4 \uBD88\uAD6C\uD558\uACE0 \uAC89\uBCF4\uAE30\uC5D0\uB294 \uADF8\uB7F4\uB4EF\uD558\uAC70\uB098 \uAD8C\uC704 \uC788\uC5B4 \uBCF4\uC774\uB294 \uC124\uBA85\uC774\uB098 \uC778\uC6A9\uC744 \uC81C\uC2DC\uD558\uB294 \uACBD\uC6B0\uB3C4 \uC788\uC2B5\uB2C8\uB2E4. \uC989, \uB2F5\uBCC0\uC774 \uB9DE\uB294 \uAC83\uCC98\uB7FC \uBCF4\uC774\uB354\uB77C\uB3C4 \uC2E4\uC81C\uB85C\uB294 \uC815\uD655\uD558\uC9C0 \uC54A\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { margin: "0 0 14px" }, children: "\uB530\uB77C\uC11C AI \uCC44\uD305\uC758 \uB2F5\uBCC0\uC744 \uC808\uB300\uC801\uC778 \uC0AC\uC2E4\uB85C \uBC1B\uC544\uB4E4\uC774\uAE30\uBCF4\uB2E4\uB294 \uCC38\uACE0 \uC790\uB8CC\uB85C \uD65C\uC6A9\uD558\uC2DC\uACE0, \uC911\uC694\uD55C \uD310\uB2E8\uC774\uB098 \uC758\uC0AC\uACB0\uC815\uC5D0 \uC55E\uC11C\uC11C\uB294 \uBC18\uB4DC\uC2DC \uCD94\uAC00\uC801\uC778 \uD655\uC778\uACFC \uAC80\uD1A0\uB97C \uAD8C\uC7A5\uB4DC\uB9BD\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { margin: "0 0 14px" }, children: "\uC6F9 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uD65C\uC6A9\uD558\uB294 \uACBD\uC6B0\uC5D0\uB3C4, AI \uCC44\uD305\uC774 \uC81C\uC2DC\uD55C \uCD9C\uCC98\uB97C \uC9C1\uC811 \uD655\uC778\uD574 \uBCF4\uC2DC\uB294 \uAC83\uC774 \uC88B\uC2B5\uB2C8\uB2E4. \uC6D0\uBCF8 \uC6F9\uC0AC\uC774\uD2B8\uC5D0\uB294 AI\uC758 \uC694\uC57D\uC774\uB098 \uBD84\uC11D \uACFC\uC815\uC5D0\uC11C \uC0DD\uB7B5\uB41C \uC911\uC694\uD55C \uB9E5\uB77D\uC774\uB098 \uC138\uBD80 \uC815\uBCF4\uAC00 \uD3EC\uD568\uB418\uC5B4 \uC788\uC744 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC6D0\uBB38\uC744 \uD568\uAED8 \uC0B4\uD3B4\uBCF4\uBA74 \uC815\uBCF4\uAC00 \uACFC\uB3C4\uD558\uAC8C \uB2E8\uC21C\uD654\uB418\uAC70\uB098 \uC624\uD574\uB420 \uAC00\uB2A5\uC131\uC744 \uC904\uC774\uB294 \uB370 \uB3C4\uC6C0\uC774 \uB429\uB2C8\uB2E4." }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { style: { margin: 0 }, children: [
+                    "\uB9CC\uC57D \uD2B9\uC815 \uB2F5\uBCC0\uC774 \uCDA9\uBD84\uD788 \uB3C4\uC6C0\uC774 \uB418\uC9C0 \uC54A\uC558\uAC70\uB098 \uAC1C\uC120\uC774 \uD544\uC694\uD558\uB2E4\uACE0 \uB290\uB07C\uC2E0\uB2E4\uBA74, \uC5B8\uC81C\uB4E0\uC9C0 \uC758\uACAC\uC774\uB098 \uC81C\uC548 \uC0AC\uD56D\uC744",
+                    " ",
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      "a",
+                      {
+                        href: "mailto:info@gendive.ai",
+                        style: {
+                          color: "var(--chatllm-primary, #4A90E2)",
+                          textDecoration: "none"
+                        },
+                        children: "info@gendive.ai"
+                      }
+                    ),
+                    "\uB85C \uBCF4\uB0B4\uC8FC\uC138\uC694. \uB354 \uB098\uC740 \uC11C\uBE44\uC2A4\uB97C \uC81C\uACF5\uD558\uB294 \uB370 \uD070 \uB3C4\uC6C0\uC774 \uB429\uB2C8\uB2E4."
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/react/ChatUI.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var DEFAULT_ACTIONS = [];
 var DEFAULT_TEMPLATES = [];
 var DEFAULT_MODELS = [
@@ -10491,6 +10617,7 @@ var ChatUIView = ({
     projectMemory,
     isSessionsLoading
   } = state;
+  const [disclaimerOpen, setDisclaimerOpen] = import_react20.default.useState(false);
   const greeting = currentPersonalization.userProfile.nickname ? `\uC548\uB155\uD558\uC138\uC694, ${currentPersonalization.userProfile.nickname}\uB2D8` : "\uC548\uB155\uD558\uC138\uC694";
   const handleTemplateClick = (template) => {
     setInput(template.prompt);
@@ -10533,7 +10660,7 @@ var ChatUIView = ({
     return items;
   }, [projectMemory?.state.entries]);
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       className: `chatllm-root ${themeClass} ${className}`,
@@ -10546,7 +10673,7 @@ var ChatUIView = ({
         position: "relative"
       },
       children: [
-        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        showSidebar && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           ChatSidebar,
           {
             sessions,
@@ -10578,7 +10705,7 @@ var ChatUIView = ({
             isLoading: isSessionsLoading
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "main",
           {
             style: {
@@ -10590,7 +10717,7 @@ var ChatUIView = ({
               minWidth: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 ChatHeader,
                 {
                   title: currentSession?.title || "\uC0C8 \uB300\uD654",
@@ -10604,7 +10731,7 @@ var ChatUIView = ({
                   showSettings
                 }
               ),
-              messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 EmptyState,
                 {
                   greeting,
@@ -10613,7 +10740,7 @@ var ChatUIView = ({
                   actions,
                   onActionSelect: handleActionSelect
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 MessageList,
                 {
                   messages,
@@ -10635,7 +10762,7 @@ var ChatUIView = ({
                   onPollSubmit: handlePollSubmit
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 ChatInput,
                 {
                   value: input,
@@ -10660,11 +10787,37 @@ var ChatUIView = ({
                   onFileAttach: addAttachments,
                   onRemoveAttachment: removeAttachment
                 }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                "div",
+                {
+                  style: {
+                    textAlign: "center",
+                    padding: "6px 0 10px",
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    "button",
+                    {
+                      onClick: () => setDisclaimerOpen(true),
+                      style: {
+                        background: "none",
+                        border: "none",
+                        cursor: "pointer",
+                        fontSize: "12px",
+                        color: "var(--chatllm-text-muted, #94a3b8)",
+                        padding: "2px 8px",
+                        textDecoration: "none"
+                      },
+                      children: "AI\uB294 \uC2E4\uC218\uB97C \uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
+                    }
+                  )
+                }
               )
             ]
           }
         ),
-        showSettings && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        showSettings && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           SettingsModal,
           {
             isOpen: settingsOpen,
@@ -10690,7 +10843,7 @@ var ChatUIView = ({
             currentProjectTitle: currentProject?.title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           ProjectSettingsModal,
           {
             isOpen: projectSettingsOpen,
@@ -10701,7 +10854,8 @@ var ChatUIView = ({
             onDeleteFile: deleteProjectFile,
             onDeleteProject: deleteProject
           }
-        )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DisclaimerModal, { isOpen: disclaimerOpen, onClose: () => setDisclaimerOpen(false) })
       ]
     }
   );
@@ -10802,7 +10956,7 @@ var ChatUIWithHook = ({
     onDeleteProjectFile
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ChatUIView,
     {
       state,
@@ -10846,7 +11000,7 @@ var ChatUI = (props) => {
       onApiKeyChange,
       deepResearch
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       ChatUIView,
       {
         state: props.chatState,
@@ -10869,7 +11023,7 @@ var ChatUI = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChatUIWithHook, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChatUIWithHook, { ...props });
 };
 
 // src/react/hooks/useDeepResearch.ts
@@ -11188,7 +11342,7 @@ var useDeepResearch = (options) => {
 
 // src/react/components/MemoryPanel.tsx
 var import_react22 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var categoryLabels = {
   fact: "\uC0AC\uC6A9\uC790 \uC815\uBCF4",
   skill: "\uC804\uBB38 \uBD84\uC57C/\uAE30\uC220",
@@ -11220,7 +11374,7 @@ var MemoryPanel = ({
     });
   };
   if (!isOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "button",
       {
         onClick: onToggle,
@@ -11240,11 +11394,11 @@ var MemoryPanel = ({
           justifyContent: "center",
           zIndex: 100
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 24, color: "#ffffff" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       className: "chatllm-memory-panel",
@@ -11264,7 +11418,7 @@ var MemoryPanel = ({
         zIndex: 100
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "div",
           {
             style: {
@@ -11275,8 +11429,8 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border, #e5e7eb)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "div",
                   {
                     style: {
@@ -11288,19 +11442,19 @@ var MemoryPanel = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3b82f6)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 18, color: "var(--chatllm-primary, #3b82f6)" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { fontSize: "15px", fontWeight: 600, color: "var(--chatllm-text, #1f2937)" }, children: "AI \uBA54\uBAA8\uB9AC" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { fontSize: "12px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: [
                     items.length,
                     "\uAC1C \uD56D\uBAA9"
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
-                onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
+                onClearAll && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "button",
                   {
                     onClick: onClearAll,
@@ -11312,10 +11466,10 @@ var MemoryPanel = ({
                       cursor: "pointer"
                     },
                     title: "\uC804\uCCB4 \uC0AD\uC81C",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "delete-bin-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "button",
                   {
                     onClick: onToggle,
@@ -11326,14 +11480,14 @@ var MemoryPanel = ({
                       borderRadius: "8px",
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "close-line", size: 18, color: "var(--chatllm-text-muted, #9ca3af)" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
             style: {
@@ -11343,7 +11497,7 @@ var MemoryPanel = ({
               borderBottom: "1px solid var(--chatllm-border-light, #f3f4f6)",
               overflowX: "auto"
             },
-            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            children: ["all", "fact", "skill", "preference"].map((tab) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "button",
               {
                 onClick: () => setActiveTab(tab),
@@ -11364,8 +11518,8 @@ var MemoryPanel = ({
             ))
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
-          contextSummary && activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, overflow: "auto", padding: "12px" }, children: [
+          contextSummary && activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             "div",
             {
               style: {
@@ -11376,7 +11530,7 @@ var MemoryPanel = ({
                 borderLeft: "3px solid var(--chatllm-primary, #3b82f6)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
                   "div",
                   {
                     style: {
@@ -11386,12 +11540,12 @@ var MemoryPanel = ({
                       marginBottom: "8px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "file-text-line", size: 14, color: "var(--chatllm-primary, #3b82f6)" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: "12px", fontWeight: 500, color: "var(--chatllm-primary, #3b82f6)" }, children: "\uB300\uD654 \uC694\uC57D" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "p",
                   {
                     style: {
@@ -11406,7 +11560,7 @@ var MemoryPanel = ({
               ]
             }
           ),
-          filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             "div",
             {
               style: {
@@ -11415,11 +11569,11 @@ var MemoryPanel = ({
                 color: "var(--chatllm-text-muted, #9ca3af)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "robot-line", size: 32, color: "var(--chatllm-text-muted, #d1d5db)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { fontSize: "14px", marginTop: "12px" }, children: "\uC800\uC7A5\uB41C \uBA54\uBAA8\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" })
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             "div",
             {
               style: {
@@ -11432,10 +11586,10 @@ var MemoryPanel = ({
               },
               onClick: () => setExpandedId(expandedId === item.id ? null : item.id),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
-                      item.category && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "4px" }, children: [
+                      item.category && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                         "span",
                         {
                           style: {
@@ -11449,9 +11603,9 @@ var MemoryPanel = ({
                           children: categoryLabels[item.category]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { fontSize: "11px", color: "var(--chatllm-text-muted, #9ca3af)" }, children: formatDate(item.timestamp) })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       "div",
                       {
                         style: {
@@ -11463,8 +11617,8 @@ var MemoryPanel = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    onDelete && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    onDelete && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       "button",
                       {
                         onClick: (e) => {
@@ -11479,10 +11633,10 @@ var MemoryPanel = ({
                           cursor: "pointer",
                           opacity: 0.5
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSvg, { name: "delete-bin-line", size: 14, color: "var(--chatllm-text-muted, #9ca3af)" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       IconSvg,
                       {
                         name: expandedId === item.id ? "arrow-up-s-line" : "arrow-down-s-line",
@@ -11492,7 +11646,7 @@ var MemoryPanel = ({
                     )
                   ] })
                 ] }),
-                expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                expandedId === item.id && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                   "div",
                   {
                     style: {
@@ -11500,7 +11654,7 @@ var MemoryPanel = ({
                       paddingTop: "12px",
                       borderTop: "1px solid var(--chatllm-border-light, #f3f4f6)"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                       "p",
                       {
                         style: {