@gendive/chatllm 0.21.7 → 0.21.9

package/dist/react/index.js

@@ -54,6 +54,7 @@ __export(index_exports, {
   Icon: () => Icon,
   IconSvg: () => IconSvg,
   ImageContentCard: () => ImageContentCard,
+  ImageErrorContext: () => ImageErrorContext,
   LinkChip: () => LinkChip,
   MarkdownRenderer: () => MarkdownRenderer,
   MemoryPanel: () => MemoryPanel,
@@ -75,6 +76,7 @@ __export(index_exports, {
   useDeepResearch: () => useDeepResearch,
   useDragResize: () => useDragResize,
   useFloatingWidget: () => useFloatingWidget,
+  useImageError: () => useImageError,
   useObserver: () => useObserver,
   useProject: () => useProject,
   useSkills: () => useSkills
@@ -82,7 +84,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/react/ChatUI.tsx
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 
 // src/react/hooks/useChatUI.ts
 var import_react6 = require("react");
@@ -2327,6 +2329,7 @@ var useChatUI = (options) => {
     onAnalyzePatterns,
     // Image upload
     onUploadImage,
+    onImageError,
     // External storage options
     useExternalStorage = false,
     startWithNewSession = false,
@@ -2433,6 +2436,7 @@ var useChatUI = (options) => {
   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 globalMemoryRef = (0, import_react6.useRef)(null);
   (0, import_react6.useEffect)(() => {
     onSendMessageRef.current = onSendMessage;
@@ -2453,6 +2457,7 @@ var useChatUI = (options) => {
     onSkillCompleteRef.current = onSkillComplete;
     onSessionContextChangeRef.current = onSessionContextChange;
     onUploadImageRef.current = onUploadImage;
+    onImageErrorRef.current = onImageError;
     onLoadModelsRef.current = onLoadModels;
   });
   const abortControllersRef = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
@@ -3542,7 +3547,7 @@ ${finalContent}`;
         if (att.type === "image" && att.file) {
           const dataUri = await fileToDataUri(att.file);
           const imageUrl = onUploadImageRef.current ? await onUploadImageRef.current(dataUri, att.name) : dataUri;
-          userContentParts.push({ type: "image", url: imageUrl, alt: att.name });
+          userContentParts.push({ type: "image", url: imageUrl, alt: att.name, fileName: att.name });
         } else {
           userContentParts.push({ type: "file", name: att.name, url: att.previewUrl || "", mimeType: att.mimeType, size: att.size });
         }
@@ -5738,8 +5743,13 @@ ${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);
+
 // src/react/components/ChatSidebar.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/react/components/Icon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -5839,10 +5849,10 @@ var IconSvg = ({
 };
 
 // src/react/components/MarkdownRenderer.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // src/react/components/LinkChip.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var getDomain = (url) => {
   try {
@@ -5896,7 +5906,7 @@ var LinkChip = ({
   index,
   style
 }) => {
-  const [isHovered, setIsHovered] = (0, import_react7.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react8.useState)(false);
   const domain = getDomain(url);
   const shortName = getShortName(domain);
   const domainColor = getDomainColor(domain);
@@ -6266,8 +6276,8 @@ var parseTableRow = (row) => {
   return row.split("|").slice(1, -1).map((cell) => cell.trim());
 };
 var MarkdownTable = ({ data }) => {
-  const [copied, setCopied] = import_react8.default.useState(false);
-  const [isHovered, setIsHovered] = import_react8.default.useState(false);
+  const [copied, setCopied] = import_react9.default.useState(false);
+  const [isHovered, setIsHovered] = import_react9.default.useState(false);
   const handleCopy = async () => {
     const headerLine = data.headers.join("	");
     const bodyLines = data.rows.map((row) => row.join("	"));
@@ -6379,7 +6389,7 @@ var ThinkingSpinner = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
   }
 );
 var ThinkingBlock = ({ content, defaultOpen = false }) => {
-  const [isOpen, setIsOpen] = import_react8.default.useState(defaultOpen);
+  const [isOpen, setIsOpen] = import_react9.default.useState(defaultOpen);
   const isStreaming = content.trim().endsWith("...");
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "details",
@@ -6454,7 +6464,7 @@ var ThinkingBlock = ({ content, defaultOpen = false }) => {
   );
 };
 var CodeBlock = ({ language, code }) => {
-  const [copied, setCopied] = import_react8.default.useState(false);
+  const [copied, setCopied] = import_react9.default.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(code);
@@ -6537,9 +6547,20 @@ var CodeBlock = ({ language, code }) => {
   );
 };
 var ImageWithCopyButton = ({ src, alt, imageKey }) => {
-  const [isHovered, setIsHovered] = import_react8.default.useState(false);
-  const [copyState, setCopyState] = import_react8.default.useState("idle");
-  const imgRef = import_react8.default.useRef(null);
+  const [isHovered, setIsHovered] = import_react9.default.useState(false);
+  const [imgSrc, setImgSrc] = import_react9.default.useState(src);
+  const onImageError = useImageError();
+  const handleImageError = import_react9.default.useCallback(async () => {
+    if (onImageError) {
+      const newUrl = await onImageError(imgSrc);
+      if (newUrl) {
+        setImgSrc(newUrl);
+        return;
+      }
+    }
+  }, [onImageError, imgSrc]);
+  const [copyState, setCopyState] = import_react9.default.useState("idle");
+  const imgRef = import_react9.default.useRef(null);
   const getImageBlob = async () => {
     const img = imgRef.current;
     if (img && img.complete && img.naturalWidth > 0) {
@@ -6559,9 +6580,9 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
         console.log("Canvas method failed (CORS), trying fetch...");
       }
     }
-    if (!src.startsWith("data:")) {
+    if (!imgSrc.startsWith("data:")) {
       try {
-        const response = await fetch(src, { mode: "cors" });
+        const response = await fetch(imgSrc, { mode: "cors" });
         if (response.ok) {
           const blob = await response.blob();
           if (blob.type === "image/png") return blob;
@@ -6601,7 +6622,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
     setCopyState("copying");
     try {
       if (!navigator.clipboard?.write) {
-        await navigator.clipboard.writeText(src);
+        await navigator.clipboard.writeText(imgSrc);
         setCopyState("copied");
         setTimeout(() => setCopyState("idle"), 2e3);
         return;
@@ -6611,7 +6632,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
         await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
         setCopyState("copied");
       } else {
-        await navigator.clipboard.writeText(src);
+        await navigator.clipboard.writeText(imgSrc);
         setCopyState("copied");
       }
       setTimeout(() => setCopyState("idle"), 2e3);
@@ -6624,7 +6645,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
   const handleDownload = async () => {
     try {
       const blob = await getImageBlob();
-      const url = blob ? URL.createObjectURL(blob) : src;
+      const url = blob ? URL.createObjectURL(blob) : imgSrc;
       const link = document.createElement("a");
       link.href = url;
       link.download = alt || `image-${Date.now()}.png`;
@@ -6634,7 +6655,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
       if (blob) URL.revokeObjectURL(url);
     } catch (error) {
       console.error("Failed to download image:", error);
-      window.open(src, "_blank");
+      window.open(imgSrc, "_blank");
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -6652,10 +6673,11 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
           "img",
           {
             ref: imgRef,
-            src,
+            src: imgSrc,
             alt,
             className: "chatllm-image",
-            crossOrigin: src.startsWith("data:") ? void 0 : "anonymous",
+            crossOrigin: imgSrc.startsWith("data:") ? void 0 : "anonymous",
+            onError: handleImageError,
             style: {
               maxWidth: "100%",
               borderRadius: "8px",
@@ -6754,7 +6776,7 @@ var ImageWithCopyButton = ({ src, alt, imageKey }) => {
   );
 };
 var ChoiceButtons = ({ choices, title, onChoiceClick }) => {
-  const [hoveredIndex, setHoveredIndex] = import_react8.default.useState(null);
+  const [hoveredIndex, setHoveredIndex] = import_react9.default.useState(null);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
@@ -6884,11 +6906,11 @@ var MarkdownRenderer = ({
   sources,
   inline = false
 }) => {
-  const inlineRendered = (0, import_react8.useMemo)(() => {
+  const inlineRendered = (0, import_react9.useMemo)(() => {
     if (!inline) return null;
     return parseInlineElements(content, "inline-md", sources);
   }, [inline, content, sources]);
-  const rendered = (0, import_react8.useMemo)(() => {
+  const rendered = (0, import_react9.useMemo)(() => {
     if (inline) return null;
     const elements = [];
     let processedContent = content;
@@ -7041,7 +7063,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_react8.default.Fragment, { children: [
+              children: blockquoteLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react9.default.Fragment, { children: [
                 parseInlineElements(line, `bq-line-${i}`, sources),
                 i < blockquoteLines.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {})
               ] }, i))
@@ -7285,7 +7307,7 @@ var MarkdownRenderer = ({
 };
 
 // src/react/components/ProjectSelector.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ProjectSelector = ({
   projects,
@@ -7294,10 +7316,10 @@ var ProjectSelector = ({
   onNewProject,
   onProjectSettings
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
-  const dropdownRef = (0, import_react9.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
+  const dropdownRef = (0, import_react10.useRef)(null);
   const currentProject = projects.find((p) => p.id === currentProjectId);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -7531,10 +7553,10 @@ var ChatSidebar = ({
   isLoading = false
 }) => {
   const sidebarWidth = typeof widthProp === "number" ? `${widthProp}px` : widthProp || "288px";
-  const [editingId, setEditingId] = (0, import_react10.useState)(null);
-  const [editingTitle, setEditingTitle] = (0, import_react10.useState)("");
-  const inputRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  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)(() => {
     if (editingId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -7906,7 +7928,7 @@ var ChatSidebar = ({
 };
 
 // src/react/components/ChatHeader.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ChatHeader = ({
   title,
@@ -7920,7 +7942,7 @@ var ChatHeader = ({
   showSettings = true,
   renderHeaderExtra
 }) => {
-  const [modelDropdownOpen, setModelDropdownOpen] = (0, import_react11.useState)(false);
+  const [modelDropdownOpen, setModelDropdownOpen] = (0, import_react12.useState)(false);
   const currentModel = models.find((m) => m.id === model);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "header",
@@ -8175,7 +8197,7 @@ var ChatHeader = ({
 };
 
 // src/react/components/ChatInput.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ChatInput = ({
   value,
@@ -8203,20 +8225,20 @@ var ChatInput = ({
   onDisclaimerClick,
   inline = false
 }) => {
-  const [mainMenuOpen, setMainMenuOpen] = import_react12.default.useState(false);
-  const textareaRef = (0, import_react12.useRef)(null);
-  const fileInputRef = (0, import_react12.useRef)(null);
-  const [actionMenuOpen, setActionMenuOpen] = (0, import_react12.useState)(false);
-  const [isDragOver, setIsDragOver] = (0, import_react12.useState)(false);
-  const mainMenuRef = (0, import_react12.useRef)(null);
-  const actionMenuRef = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  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)(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 200)}px`;
     }
   }, [value]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (mainMenuRef.current && !mainMenuRef.current.contains(event.target)) {
         setMainMenuOpen(false);
@@ -8938,13 +8960,13 @@ var iconButtonStyle = {
 };
 
 // src/react/components/MessageList.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // src/react/components/MessageBubble.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/react/components/DeepResearchProgressUI.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var StatusIcon = ({ status }) => {
   switch (status) {
@@ -9008,7 +9030,7 @@ var PhaseProgress = ({ phase }) => {
         gap: "8px",
         marginBottom: "16px"
       },
-      children: phases.slice(0, 4).map((p, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react13.default.Fragment, { children: [
+      children: phases.slice(0, 4).map((p, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react14.default.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "div",
           {
@@ -9227,7 +9249,7 @@ var DeepResearchProgressUI = ({ progress }) => {
 };
 
 // src/react/components/PollCard.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var renderInlineMarkdown = (text) => {
   const parts = [];
@@ -9266,12 +9288,12 @@ var PollCard = ({
   onSubmit,
   onSkip
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react14.useState)(0);
-  const [selections, setSelections] = (0, import_react14.useState)({});
-  const [otherTexts, setOtherTexts] = (0, import_react14.useState)({});
-  const [otherSelected, setOtherSelected] = (0, import_react14.useState)({});
+  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 currentQuestion = questions[activeTab];
-  const handleOptionToggle = (0, import_react14.useCallback)(
+  const handleOptionToggle = (0, import_react15.useCallback)(
     (questionId, optionId, multiSelect) => {
       setSelections((prev) => {
         const current = prev[questionId] || /* @__PURE__ */ new Set();
@@ -9293,7 +9315,7 @@ var PollCard = ({
     },
     []
   );
-  const handleOtherToggle = (0, import_react14.useCallback)((questionId, multiSelect) => {
+  const handleOtherToggle = (0, import_react15.useCallback)((questionId, multiSelect) => {
     if (multiSelect) {
       setOtherSelected((prev) => ({ ...prev, [questionId]: !prev[questionId] }));
     } else {
@@ -9301,7 +9323,7 @@ var PollCard = ({
       setOtherSelected((prev) => ({ ...prev, [questionId]: true }));
     }
   }, []);
-  const handleSubmit = (0, import_react14.useCallback)(() => {
+  const handleSubmit = (0, import_react15.useCallback)(() => {
     const responses = questions.map((q) => {
       const selected = selections[q.id] || /* @__PURE__ */ new Set();
       const other = otherSelected[q.id] && otherTexts[q.id]?.trim();
@@ -9314,7 +9336,7 @@ var PollCard = ({
     });
     onSubmit(responses);
   }, [questions, selections, otherSelected, otherTexts, onSubmit]);
-  const handleSkip = (0, import_react14.useCallback)(() => {
+  const handleSkip = (0, import_react15.useCallback)(() => {
     const responses = questions.map((q) => ({
       questionId: q.id,
       selectedOptions: [],
@@ -9323,7 +9345,7 @@ var PollCard = ({
     onSubmit(responses);
     onSkip?.();
   }, [questions, onSubmit, onSkip]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (typeof window === "undefined") return;
     const handleKeyDown = (e) => {
       if (e.key !== "Escape") return;
@@ -9342,9 +9364,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_react14.useState)(0);
-  const [cardVisible, setCardVisible] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const [visibleCount, setVisibleCount] = (0, import_react15.useState)(0);
+  const [cardVisible, setCardVisible] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     const fadeTimer = setTimeout(() => setCardVisible(true), 50);
     const totalItems = currentQuestion.options.length + 1;
     const timers = [fadeTimer];
@@ -9353,7 +9375,7 @@ var PollCard = ({
     }
     return () => timers.forEach(clearTimeout);
   }, [currentQuestion.options.length]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setVisibleCount(0);
     const totalItems = currentQuestion.options.length + 1;
     const timers = [];
@@ -9362,7 +9384,7 @@ var PollCard = ({
     }
     return () => timers.forEach(clearTimeout);
   }, [activeTab, currentQuestion.options.length]);
-  const handleNext = (0, import_react14.useCallback)(() => {
+  const handleNext = (0, import_react15.useCallback)(() => {
     if (!isLastTab) {
       setActiveTab((prev) => prev + 1);
     } else {
@@ -9780,12 +9802,25 @@ var SkillProgressUI = ({
 };
 
 // src/react/components/ImageContentCard.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var ImageContentCard = ({ part }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react15.useState)(false);
-  const [isLoaded, setIsLoaded] = (0, import_react15.useState)(false);
-  const [hasError, setHasError] = (0, import_react15.useState)(false);
+  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 onImageError = useImageError();
+  const handleImageError = (0, import_react16.useCallback)(async () => {
+    if (onImageError) {
+      const newUrl = await onImageError(imgSrc, part.fileName);
+      if (newUrl) {
+        setImgSrc(newUrl);
+        setIsLoaded(false);
+        return;
+      }
+    }
+    setHasError(true);
+  }, [onImageError, imgSrc, part.fileName]);
   if (hasError) {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "div",
@@ -9838,10 +9873,10 @@ var ImageContentCard = ({ part }) => {
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "img",
             {
-              src: part.url,
+              src: imgSrc,
               alt: part.alt || "",
               onLoad: () => setIsLoaded(true),
-              onError: () => setHasError(true),
+              onError: handleImageError,
               style: {
                 display: isLoaded ? "block" : "none",
                 width: "100%",
@@ -9884,7 +9919,7 @@ var ImageContentCard = ({ part }) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "img",
           {
-            src: part.url,
+            src: imgSrc,
             alt: part.alt || "",
             style: {
               maxWidth: "90vw",
@@ -9988,7 +10023,7 @@ var FileContentCard = ({ part }) => {
 };
 
 // src/react/components/ToolStatusCard.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var mapIcon2 = (icon) => {
   const iconMap = {
@@ -10021,7 +10056,7 @@ var ToolStatusCard = ({
   sources,
   errorMessage
 }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react16.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react17.useState)(false);
   const displayLabel = label || getDefaultLabel(toolName);
   const statusText = getStatusSuffix(displayLabel, status);
   const hasSources = sources && sources.length > 0;
@@ -10152,7 +10187,7 @@ var ToolStatusCard = ({
 };
 
 // src/react/components/ArtifactCard.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var getThemeStyles = () => {
   const root = document.documentElement;
@@ -10193,10 +10228,10 @@ var getAutoResizeScript = (id) => `
   });
 </script>`;
 var HtmlArtifact = ({ code }) => {
-  const iframeRef = (0, import_react17.useRef)(null);
-  const [height, setHeight] = (0, import_react17.useState)(200);
-  const artifactId = (0, import_react17.useRef)(`artifact-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
-  (0, import_react17.useEffect)(() => {
+  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 id = artifactId.current;
     const handleMessage = (e) => {
       if (e.data?.type === "artifact-resize" && e.data.id === id && typeof e.data.height === "number") {
@@ -10242,10 +10277,10 @@ var SvgArtifact = ({ code }) => {
   );
 };
 var MermaidArtifact = ({ code }) => {
-  const containerRef = (0, import_react17.useRef)(null);
-  const [svgHtml, setSvgHtml] = (0, import_react17.useState)(null);
-  const [error, setError] = (0, import_react17.useState)(null);
-  const renderMermaid = (0, import_react17.useCallback)(async () => {
+  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 () => {
     try {
       let mermaid;
       try {
@@ -10261,7 +10296,7 @@ var MermaidArtifact = ({ code }) => {
       setError(e instanceof Error ? e.message : "Mermaid \uB80C\uB354\uB9C1 \uC2E4\uD328");
     }
   }, [code]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     renderMermaid();
   }, [renderMermaid]);
   if (error) {
@@ -10337,9 +10372,9 @@ var svgToPngBlob = (svgString, scale = 2) => {
   });
 };
 var ArtifactActions = ({ code, language, containerRef }) => {
-  const [showCode, setShowCode] = (0, import_react17.useState)(false);
-  const [copied, setCopied] = (0, import_react17.useState)(false);
-  const [saving, setSaving] = (0, import_react17.useState)(false);
+  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 handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(code);
@@ -10504,7 +10539,7 @@ var ArtifactActions = ({ code, language, containerRef }) => {
   ] });
 };
 var ArtifactCard = ({ part, index = 0 }) => {
-  const contentRef = (0, import_react17.useRef)(null);
+  const contentRef = (0, import_react18.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
@@ -10629,7 +10664,7 @@ var ContentPartRenderer = ({
           effectiveType === "image" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             ImageContentCard,
             {
-              part: { type: "image", url: result.content, alt: result.metadata?.alt }
+              part: { type: "image", url: result.content, alt: result.metadata?.alt, fileName: result.metadata?.fileName }
             }
           ),
           effectiveType === "file" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -10676,7 +10711,7 @@ var ContentPartRenderer = ({
 };
 
 // src/react/components/ChecklistCard.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var ChecklistCard = ({
   items,
@@ -10686,8 +10721,8 @@ var ChecklistCard = ({
   onSkipStep,
   onStart
 }) => {
-  const [expandedItems, setExpandedItems] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
-  const { doneCount, isRunning, hasError, isWaiting } = (0, import_react18.useMemo)(() => {
+  const [expandedItems, setExpandedItems] = (0, import_react19.useState)(/* @__PURE__ */ new Set());
+  const { doneCount, isRunning, hasError, isWaiting } = (0, import_react19.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");
@@ -11184,9 +11219,9 @@ var MessageBubble = ({
   onToggleChecklistPanel,
   onChecklistStart
 }) => {
-  const [showActions, setShowActions] = (0, import_react19.useState)(false);
-  const [showModelMenu, setShowModelMenu] = (0, import_react19.useState)(false);
-  const [stepExpanded, setStepExpanded] = (0, import_react19.useState)(false);
+  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 isUser = message.role === "user";
   const isAssistant = message.role === "assistant";
   const relevantAlternatives = isUser ? alternatives : message.alternatives;
@@ -11937,14 +11972,14 @@ var MessageList = ({
   onExport,
   onToggleChecklistPanel
 }) => {
-  const messagesEndRef = (0, import_react20.useRef)(null);
-  const containerRef = (0, import_react20.useRef)(null);
-  const [selectedText, setSelectedText] = (0, import_react20.useState)("");
-  const [selectionPosition, setSelectionPosition] = (0, import_react20.useState)(null);
-  const [showScrollButton, setShowScrollButton] = (0, import_react20.useState)(false);
-  const userScrollLockRef = (0, import_react20.useRef)(false);
+  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 SCROLL_THRESHOLD = 100;
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const container = containerRef.current;
     if (!container) return;
     const handleWheel = (e) => {
@@ -11981,7 +12016,7 @@ var MessageList = ({
       container.removeEventListener("touchmove", handleTouchMove);
     };
   }, []);
-  const handleScroll = (0, import_react20.useCallback)(() => {
+  const handleScroll = (0, import_react21.useCallback)(() => {
     if (!containerRef.current) return;
     const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
     const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
@@ -11990,14 +12025,14 @@ var MessageList = ({
       setShowScrollButton(false);
     }
   }, []);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (userScrollLockRef.current) return;
     containerRef.current?.scrollTo({
       top: containerRef.current.scrollHeight,
       behavior: "smooth"
     });
   }, [messages]);
-  const scrollToBottom = (0, import_react20.useCallback)(() => {
+  const scrollToBottom = (0, import_react21.useCallback)(() => {
     userScrollLockRef.current = false;
     setShowScrollButton(false);
     containerRef.current?.scrollTo({
@@ -12005,7 +12040,7 @@ var MessageList = ({
       behavior: "smooth"
     });
   }, []);
-  const handleMouseUp = (0, import_react20.useCallback)(() => {
+  const handleMouseUp = (0, import_react21.useCallback)(() => {
     const selection = typeof window !== "undefined" ? window.getSelection() : null;
     const text = selection?.toString().trim();
     if (text && text.length > 0) {
@@ -12106,7 +12141,7 @@ var MessageList = ({
                   },
                   message.id
                 );
-                return renderMessage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react20.default.Fragment, { children: renderMessage(message, bubbleElement) }, message.id) : bubbleElement;
+                return renderMessage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react21.default.Fragment, { children: renderMessage(message, bubbleElement) }, message.id) : bubbleElement;
               }),
               /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: messagesEndRef })
             ]
@@ -12200,7 +12235,7 @@ var MessageList = ({
 };
 
 // src/react/components/SettingsModal.tsx
-var import_react21 = require("react");
+var import_react22 = 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.
 
@@ -12265,9 +12300,9 @@ var SettingsModal = ({
   onImportMemory,
   importMemoryPrompt
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react21.useState)("general");
-  const [localApiKey, setLocalApiKey] = (0, import_react21.useState)(apiKey);
-  (0, import_react21.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react22.useState)("general");
+  const [localApiKey, setLocalApiKey] = (0, import_react22.useState)(apiKey);
+  (0, import_react22.useEffect)(() => {
     setLocalApiKey(apiKey);
   }, [apiKey]);
   if (!isOpen) return null;
@@ -12743,11 +12778,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_react21.useState)("all");
-  const [expandedId, setExpandedId] = (0, import_react21.useState)(null);
-  const [importModalOpen, setImportModalOpen] = (0, import_react21.useState)(false);
-  const [importText, setImportText] = (0, import_react21.useState)("");
-  const [promptCopied, setPromptCopied] = (0, import_react21.useState)(false);
+  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 filteredItems = activeFilter === "all" ? items : items.filter((item) => item.category === activeFilter);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -13204,7 +13239,7 @@ var MemoryTabContent = ({ items, contextSummary, onDelete, onClearAll, title = "
 };
 
 // src/react/components/ProjectSettingsModal.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var COLOR_PRESETS = [
   "#3584FA",
@@ -13225,12 +13260,12 @@ var ProjectSettingsModal = ({
   onDeleteFile,
   onDeleteProject
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react22.useState)("general");
-  const [title, setTitle] = (0, import_react22.useState)("");
-  const [description, setDescription] = (0, import_react22.useState)("");
-  const [instructions, setInstructions] = (0, import_react22.useState)("");
-  const [color, setColor] = (0, import_react22.useState)("#3584FA");
-  (0, import_react22.useEffect)(() => {
+  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)(() => {
     if (project) {
       setTitle(project.title);
       setDescription(project.description || "");
@@ -14695,28 +14730,28 @@ var ChatUIView = ({
     handleChecklistSkip,
     activeChecklistMessage
   } = state;
-  const [disclaimerOpen, setDisclaimerOpen] = import_react23.default.useState(false);
-  const [isMobile, setIsMobile] = import_react23.default.useState(false);
-  import_react23.default.useEffect(() => {
+  const [disclaimerOpen, setDisclaimerOpen] = import_react24.default.useState(false);
+  const [isMobile, setIsMobile] = import_react24.default.useState(false);
+  import_react24.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_react23.default.useState(false);
+  const [checklistPanelDismissed, setChecklistPanelDismissed] = import_react24.default.useState(false);
   const isChecklistPanelOpen = !!activeChecklistMessage && !checklistPanelDismissed;
-  const prevChecklistIdRef = import_react23.default.useRef(void 0);
-  import_react23.default.useEffect(() => {
+  const prevChecklistIdRef = import_react24.default.useRef(void 0);
+  import_react24.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_react23.default.useState(false);
-  const prevMessageCountRef = import_react23.default.useRef(messages.length);
-  import_react23.default.useEffect(() => {
+  const [welcomeExiting, setWelcomeExiting] = import_react24.default.useState(false);
+  const prevMessageCountRef = import_react24.default.useRef(messages.length);
+  import_react24.default.useEffect(() => {
     let timer;
     if (prevMessageCountRef.current === 0 && messages.length > 0) {
       setWelcomeExiting(true);
@@ -14740,7 +14775,7 @@ var ChatUIView = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const memoryItems = import_react23.default.useMemo(() => {
+  const memoryItems = import_react24.default.useMemo(() => {
     if (!globalMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of globalMemory.state.entries) {
@@ -14754,7 +14789,7 @@ var ChatUIView = ({
     }
     return items;
   }, [globalMemory?.state.entries]);
-  const projectMemoryItems = import_react23.default.useMemo(() => {
+  const projectMemoryItems = import_react24.default.useMemo(() => {
     if (!projectMemory?.state.entries) return [];
     const items = [];
     for (const [key, entry] of projectMemory.state.entries) {
@@ -15126,7 +15161,8 @@ var ChatUIWithHook = ({
   onWorkflowSuggested,
   onAnalyzePatterns,
   // Image upload
-  onUploadImage
+  onUploadImage,
+  onImageError
 }) => {
   const hookOptions = {
     models,
@@ -15176,10 +15212,11 @@ var ChatUIWithHook = ({
     onWorkflowSuggested,
     onAnalyzePatterns,
     // Image upload
-    onUploadImage
+    onUploadImage,
+    onImageError
   };
   const state = useChatUI(hookOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ImageErrorContext.Provider, { value: onImageError || null, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     ChatUIView,
     {
       state,
@@ -15206,7 +15243,7 @@ var ChatUIWithHook = ({
       onImportMemory,
       importMemoryPrompt
     }
-  );
+  ) });
 };
 var ChatUI = (props) => {
   injectStyles();
@@ -15236,7 +15273,7 @@ var ChatUI = (props) => {
       onImportMemory,
       importMemoryPrompt
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ImageErrorContext.Provider, { value: props.onImageError || null, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ChatUIView,
       {
         state: props.chatState,
@@ -15264,19 +15301,19 @@ var ChatUI = (props) => {
         onImportMemory,
         importMemoryPrompt
       }
-    );
+    ) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChatUIWithHook, { ...props });
 };
 
 // src/react/ChatFloatingWidget.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/react/hooks/useFloatingWidget.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/react/hooks/useDragResize.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 var DRAG_THRESHOLD = 5;
 var FAB_SIZE = 56;
 var EDGE_MARGIN = 24;
@@ -15344,8 +15381,8 @@ var useDragResize = (options) => {
     maxWidth = DEFAULT_MAX_WIDTH,
     minHeight = DEFAULT_MIN_HEIGHT
   } = options;
-  const [isMobile, setIsMobile] = (0, import_react24.useState)(false);
-  (0, import_react24.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react25.useState)(false);
+  (0, import_react25.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia("(max-width: 767px)");
     setIsMobile(mql.matches);
@@ -15360,19 +15397,19 @@ var useDragResize = (options) => {
     panelWidth: initialWidth,
     panelHeight: initialHeight
   });
-  const [fabPos, setFabPos] = (0, import_react24.useState)({ x: persisted.fabX, y: persisted.fabY });
-  const [panelSize, setPanelSize] = (0, import_react24.useState)({ width: persisted.panelWidth, height: persisted.panelHeight });
-  const [isDragging, setIsDragging] = (0, import_react24.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react24.useState)(false);
-  const [isDizzy, setIsDizzy] = (0, import_react24.useState)(false);
-  const [viewport, setViewport] = (0, import_react24.useState)(() => ({
+  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)(() => ({
     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_react24.useRef)(false);
-  (0, import_react24.useEffect)(() => {
+  const initializedRef = (0, import_react25.useRef)(false);
+  (0, import_react25.useEffect)(() => {
     if (initializedRef.current || typeof window === "undefined") return;
     initializedRef.current = true;
     const correctFab = getInitialFabPosition(initialPosition);
@@ -15385,40 +15422,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_react24.useRef)(null);
-  const isDraggingRef = (0, import_react24.useRef)(false);
-  const wasDragRef = (0, import_react24.useRef)(false);
-  const userDraggedRef = (0, import_react24.useRef)(false);
-  const dragDeltaRef = (0, import_react24.useRef)({ dx: 0, dy: 0 });
-  const fabElRef = (0, import_react24.useRef)(null);
-  const dragCleanupRef = (0, import_react24.useRef)(null);
-  const snapTimerRef = (0, import_react24.useRef)(null);
-  const prevDragRef = (0, import_react24.useRef)(null);
-  const shakeScoreRef = (0, import_react24.useRef)(0);
-  const prevVelocityRef = (0, import_react24.useRef)(null);
-  const isDizzyRef = (0, import_react24.useRef)(false);
-  const dizzyTimerRef = (0, import_react24.useRef)(null);
-  const lastVelocityRef = (0, import_react24.useRef)({ vx: 0, vy: 0, speed: 0 });
-  const dragRafRef = (0, import_react24.useRef)(null);
-  const animCleanupRef = (0, import_react24.useRef)(null);
-  const snapEnabledRef = (0, import_react24.useRef)(snapEnabled);
-  const storageKeyRef = (0, import_react24.useRef)(storageKey);
-  const panelSizeRef = (0, import_react24.useRef)(panelSize);
-  const fabPosRef = (0, import_react24.useRef)(fabPos);
-  (0, import_react24.useEffect)(() => {
+  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)(() => {
     snapEnabledRef.current = snapEnabled;
   }, [snapEnabled]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     storageKeyRef.current = storageKey;
   }, [storageKey]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     panelSizeRef.current = panelSize;
   }, [panelSize]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     fabPosRef.current = fabPos;
   }, [fabPos]);
-  const resizeStartRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const resizeStartRef = (0, import_react25.useRef)(null);
+  (0, import_react25.useEffect)(() => {
     return () => {
       dragCleanupRef.current?.();
       if (snapTimerRef.current) clearTimeout(snapTimerRef.current);
@@ -15426,7 +15463,7 @@ var useDragResize = (options) => {
       if (dragRafRef.current) cancelAnimationFrame(dragRafRef.current);
     };
   }, []);
-  const handleFabPointerDown = (0, import_react24.useCallback)((e) => {
+  const handleFabPointerDown = (0, import_react25.useCallback)((e) => {
     if (disabled || isMobile) return;
     dragCleanupRef.current?.();
     const el = e.currentTarget;
@@ -15608,7 +15645,7 @@ var useDragResize = (options) => {
   }, [disabled, isMobile]);
   const fabCenterX = fabPos.x + FAB_SIZE / 2;
   const panelDirection = fabCenterX > vw / 2 ? "left" : "right";
-  const panelPositionStyle = (0, import_react24.useMemo)(() => {
+  const panelPositionStyle = (0, import_react25.useMemo)(() => {
     if (isMobile || disabled) return {};
     const fabIsTop = fabPos.y < vh / 2;
     let panelBottom;
@@ -15640,7 +15677,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_react24.useCallback)((edge, e) => {
+  const handleResizePointerDown = (0, import_react25.useCallback)((edge, e) => {
     if (disabled || isMobile) return;
     e.preventDefault();
     e.stopPropagation();
@@ -15656,7 +15693,7 @@ var useDragResize = (options) => {
     };
     setIsResizing(true);
   }, [disabled, isMobile]);
-  const handleResizePointerMove = (0, import_react24.useCallback)((e) => {
+  const handleResizePointerMove = (0, import_react25.useCallback)((e) => {
     if (!resizeStartRef.current) return;
     const { startX, startY, width, height, edge, fabY } = resizeStartRef.current;
     const dx = e.clientX - startX;
@@ -15680,7 +15717,7 @@ var useDragResize = (options) => {
     newHeight = Math.max(minHeight, Math.min(maxH, newHeight));
     setPanelSize({ width: newWidth, height: newHeight });
   }, [minWidth, maxWidth, minHeight]);
-  const handleResizePointerUp = (0, import_react24.useCallback)((e) => {
+  const handleResizePointerUp = (0, import_react25.useCallback)((e) => {
     if (!resizeStartRef.current) return;
     e.currentTarget.releasePointerCapture(e.pointerId);
     resizeStartRef.current = null;
@@ -15689,7 +15726,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_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (typeof window === "undefined") return;
     const handleResize = () => {
       const newVw = window.innerWidth;
@@ -15751,9 +15788,9 @@ var useFloatingWidget = (options) => {
     maxWidth,
     minHeight
   } = options || {};
-  const [isOpen, setIsOpen] = (0, import_react25.useState)(defaultOpen);
-  const [activeTab, setActiveTab] = (0, import_react25.useState)(defaultTab);
-  const panelRef = (0, import_react25.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react26.useState)(defaultOpen);
+  const [activeTab, setActiveTab] = (0, import_react26.useState)(defaultTab);
+  const panelRef = (0, import_react26.useRef)(null);
   const dragResize = useDragResize({
     initialPosition: position,
     initialWidth: width,
@@ -15765,27 +15802,27 @@ var useFloatingWidget = (options) => {
     maxWidth,
     minHeight
   });
-  const onOpenRef = (0, import_react25.useRef)(onOpen);
-  const onCloseRef = (0, import_react25.useRef)(onClose);
-  const onTabChangeRef = (0, import_react25.useRef)(onTabChange);
-  (0, import_react25.useEffect)(() => {
+  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)(() => {
     onOpenRef.current = onOpen;
   }, [onOpen]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     onCloseRef.current = onClose;
   }, [onClose]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     onTabChangeRef.current = onTabChange;
   }, [onTabChange]);
-  const open = (0, import_react25.useCallback)(() => {
+  const open = (0, import_react26.useCallback)(() => {
     setIsOpen(true);
     onOpenRef.current?.();
   }, []);
-  const close = (0, import_react25.useCallback)(() => {
+  const close = (0, import_react26.useCallback)(() => {
     setIsOpen(false);
     onCloseRef.current?.();
   }, []);
-  const toggle = (0, import_react25.useCallback)(() => {
+  const toggle = (0, import_react26.useCallback)(() => {
     setIsOpen((prev) => {
       const next = !prev;
       if (next) onOpenRef.current?.();
@@ -15793,15 +15830,15 @@ var useFloatingWidget = (options) => {
       return next;
     });
   }, []);
-  const setTab = (0, import_react25.useCallback)((tabKey) => {
+  const setTab = (0, import_react26.useCallback)((tabKey) => {
     setActiveTab(tabKey);
     onTabChangeRef.current?.(tabKey);
   }, []);
-  const handleFabInteraction = (0, import_react25.useCallback)(() => {
+  const handleFabInteraction = (0, import_react26.useCallback)(() => {
     if (dragResize.isDragging) return;
     toggle();
   }, [dragResize.isDragging, toggle]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -15811,7 +15848,7 @@ var useFloatingWidget = (options) => {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, close]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (dragResize.isDragging || dragResize.isResizing) return;
@@ -15827,10 +15864,10 @@ var useFloatingWidget = (options) => {
 };
 
 // src/react/components/floating/FloatingFab.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/react/components/floating/DevDiveCharacter.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var THEMES = {
   dark: { body: "#2ecc71", stroke: "#27ae60", highlight: "#3ddc84", face: "#1a1a2e", eyeLight: "#fff" },
@@ -15851,32 +15888,32 @@ var DevDiveFabCharacter = ({
   isComplete = false
 }) => {
   const c = THEMES[theme];
-  const [eyeOffset, setEyeOffset] = (0, import_react26.useState)({ x: 0, y: 0 });
-  const [isBlinking, setIsBlinking] = (0, import_react26.useState)(false);
-  const [isHappy, setIsHappy] = (0, import_react26.useState)(false);
-  const [isPressed, setIsPressed] = (0, import_react26.useState)(false);
-  const [mouthOpen, setMouthOpen] = (0, import_react26.useState)(false);
-  const [isSleepy, setIsSleepy] = (0, import_react26.useState)(false);
-  const [isSurprised, setIsSurprised] = (0, import_react26.useState)(false);
-  const [isWinking, setIsWinking] = (0, import_react26.useState)(false);
-  const [isCatMouth, setIsCatMouth] = (0, import_react26.useState)(false);
-  const [isEntering, setIsEntering] = (0, import_react26.useState)(true);
-  const svgRef = (0, import_react26.useRef)(null);
-  const cleanupRef = (0, import_react26.useRef)(null);
-  const lastActivityRef = (0, import_react26.useRef)(Date.now());
-  const isSleepyRef = (0, import_react26.useRef)(false);
-  const markActivity = (0, import_react26.useCallback)(() => {
+  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)(() => {
     lastActivityRef.current = Date.now();
     if (isSleepyRef.current) {
       isSleepyRef.current = false;
       setIsSleepy(false);
     }
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     const t = setTimeout(() => setIsEntering(false), 600);
     return () => clearTimeout(t);
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     let timer;
     let blinkTimer;
     const scheduleBlink = () => {
@@ -15892,7 +15929,7 @@ var DevDiveFabCharacter = ({
       clearTimeout(blinkTimer);
     };
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (!isTalking) {
       setMouthOpen(false);
       return;
@@ -15905,7 +15942,7 @@ var DevDiveFabCharacter = ({
     toggle();
     return () => clearTimeout(timer);
   }, [isTalking]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (typeof window === "undefined") return;
     let rafId = 0;
     const onMouseMove = (e) => {
@@ -15929,7 +15966,7 @@ var DevDiveFabCharacter = ({
       cancelAnimationFrame(rafId);
     };
   }, []);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     let upTimer;
     let surpriseTimer;
     const rafId = requestAnimationFrame(() => {
@@ -15972,10 +16009,10 @@ var DevDiveFabCharacter = ({
       cleanupRef.current?.();
     };
   }, [markActivity]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     markActivity();
   }, [isOpen, isTalking, markActivity]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (isOpen || isTalking || isDizzy) return;
     const check = setInterval(() => {
       if (Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS && !isSleepyRef.current) {
@@ -15985,8 +16022,8 @@ var DevDiveFabCharacter = ({
     }, 5e3);
     return () => clearInterval(check);
   }, [isOpen, isTalking, isDizzy]);
-  const prevCompleteRef = (0, import_react26.useRef)(false);
-  (0, import_react26.useEffect)(() => {
+  const prevCompleteRef = (0, import_react27.useRef)(false);
+  (0, import_react27.useEffect)(() => {
     const wasComplete = prevCompleteRef.current;
     prevCompleteRef.current = isComplete;
     if (wasComplete || !isComplete) return;
@@ -15994,7 +16031,7 @@ var DevDiveFabCharacter = ({
     const t = setTimeout(() => setIsWinking(false), WINK_DURATION_MS);
     return () => clearTimeout(t);
   }, [isComplete]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (isOpen || isTalking || isDizzy || isError || isSleepy) {
       setIsCatMouth(false);
       return;
@@ -16186,12 +16223,12 @@ var FloatingFab = ({
 }) => {
   const isRight = position.includes("right");
   const isBottom = position.includes("bottom");
-  const fabRef = (0, import_react27.useRef)(null);
+  const fabRef = (0, import_react28.useRef)(null);
   const isCharacterMode = !icon;
-  const [bubbleOnRight, setBubbleOnRight] = (0, import_react27.useState)(!isRight);
+  const [bubbleOnRight, setBubbleOnRight] = (0, import_react28.useState)(!isRight);
   const posLeft = positionStyle?.left;
   const posTop = positionStyle?.top;
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!fabRef.current || typeof window === "undefined") {
       setBubbleOnRight(!isRight);
       return;
@@ -16199,14 +16236,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_react27.useState)(null);
-  const [bubbleExiting, setBubbleExiting] = (0, import_react27.useState)(false);
-  const bubbleTextRef = (0, import_react27.useRef)(bubbleText);
+  const [bubbleText, setBubbleText] = (0, import_react28.useState)(null);
+  const [bubbleExiting, setBubbleExiting] = (0, import_react28.useState)(false);
+  const bubbleTextRef = (0, import_react28.useRef)(bubbleText);
   bubbleTextRef.current = bubbleText;
-  const [displayText, setDisplayText] = (0, import_react27.useState)(null);
-  const [isTyping, setIsTyping] = (0, import_react27.useState)(false);
-  const typingTimerRef = (0, import_react27.useRef)(null);
-  (0, import_react27.useEffect)(() => {
+  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)(() => {
     if (notification) {
       setBubbleText(notification);
       setBubbleExiting(false);
@@ -16242,9 +16279,9 @@ var FloatingFab = ({
     }, 300);
     return () => clearTimeout(timer);
   }, [notification]);
-  const notifContentRef = (0, import_react27.useRef)(null);
-  const [needsMarquee, setNeedsMarquee] = (0, import_react27.useState)(false);
-  (0, import_react27.useEffect)(() => {
+  const notifContentRef = (0, import_react28.useRef)(null);
+  const [needsMarquee, setNeedsMarquee] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
     if (isTyping || !notification) {
       setNeedsMarquee(false);
       return;
@@ -16386,7 +16423,7 @@ var FloatingFab = ({
 };
 
 // src/react/components/floating/FloatingPanel.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var FloatingPanel = ({
   isOpen,
@@ -16404,8 +16441,8 @@ var FloatingPanel = ({
 }) => {
   const isRight = position.includes("right");
   const themeClass = theme?.mode === "dark" ? "chatllm-dark" : "";
-  const [isMobile, setIsMobile] = (0, import_react28.useState)(false);
-  (0, import_react28.useEffect)(() => {
+  const [isMobile, setIsMobile] = (0, import_react29.useState)(false);
+  (0, import_react29.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia("(max-width: 767px)");
     setIsMobile(mql.matches);
@@ -16413,10 +16450,10 @@ var FloatingPanel = ({
     mql.addEventListener("change", handler);
     return () => mql.removeEventListener("change", handler);
   }, []);
-  const [shouldRender, setShouldRender] = (0, import_react28.useState)(isOpen);
-  const [isVisible, setIsVisible] = (0, import_react28.useState)(isOpen);
-  const rafRef = (0, import_react28.useRef)(0);
-  (0, import_react28.useEffect)(() => {
+  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)(() => {
     if (isOpen) {
       setShouldRender(true);
       rafRef.current = requestAnimationFrame(() => {
@@ -16431,7 +16468,7 @@ var FloatingPanel = ({
     }
     return () => cancelAnimationFrame(rafRef.current);
   }, [isOpen]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!isOpen || !isMobile) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -16592,10 +16629,10 @@ var FloatingTabBar = ({
 };
 
 // src/react/components/floating/CompactChatView.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/react/components/floating/CompactSessionMenu.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var CompactSessionMenu = ({
   sessions,
@@ -16607,13 +16644,13 @@ var CompactSessionMenu = ({
   onClose,
   isLoading = false
 }) => {
-  const menuRef = (0, import_react29.useRef)(null);
-  const inputRef = (0, import_react29.useRef)(null);
-  const onCloseRef = (0, import_react29.useRef)(onClose);
+  const menuRef = (0, import_react30.useRef)(null);
+  const inputRef = (0, import_react30.useRef)(null);
+  const onCloseRef = (0, import_react30.useRef)(onClose);
   onCloseRef.current = onClose;
-  const [editingId, setEditingId] = (0, import_react29.useState)(null);
-  const [editingTitle, setEditingTitle] = (0, import_react29.useState)("");
-  (0, import_react29.useEffect)(() => {
+  const [editingId, setEditingId] = (0, import_react30.useState)(null);
+  const [editingTitle, setEditingTitle] = (0, import_react30.useState)("");
+  (0, import_react30.useEffect)(() => {
     const handleMouseDown = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
         onCloseRef.current();
@@ -16622,7 +16659,7 @@ var CompactSessionMenu = ({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (editingId && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -16937,16 +16974,16 @@ var CompactChatView = ({
   const handleChoiceClick = (choice) => {
     setInput(choice.text);
   };
-  const [showSessionMenu, setShowSessionMenu] = (0, import_react30.useState)(false);
-  const handleSessionSelect = (0, import_react30.useCallback)((id) => {
+  const [showSessionMenu, setShowSessionMenu] = (0, import_react31.useState)(false);
+  const handleSessionSelect = (0, import_react31.useCallback)((id) => {
     selectSession(id);
     setShowSessionMenu(false);
   }, [selectSession]);
-  const handleNewSession = (0, import_react30.useCallback)(() => {
+  const handleNewSession = (0, import_react31.useCallback)(() => {
     newSession();
     setShowSessionMenu(false);
   }, [newSession]);
-  const handleCloseMenu = (0, import_react30.useCallback)(() => {
+  const handleCloseMenu = (0, import_react31.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";
@@ -17266,11 +17303,11 @@ var ChatFloatingWidget = ({
     maxWidth,
     minHeight
   });
-  const notifObj = (0, import_react31.useMemo)(() => {
+  const notifObj = (0, import_react32.useMemo)(() => {
     if (!notification) return null;
     return typeof notification === "string" ? { text: notification } : notification;
   }, [notification]);
-  const handleFabClick = (0, import_react31.useCallback)(() => {
+  const handleFabClick = (0, import_react32.useCallback)(() => {
     if (notifObj?.onClick) {
       notifObj.onClick();
       if (!isOpen) handleFabInteraction();
@@ -17284,7 +17321,7 @@ var ChatFloatingWidget = ({
     }
     handleFabInteraction();
   }, [notifObj, isOpen, handleFabInteraction, setTab, tabs]);
-  const allTabs = (0, import_react31.useMemo)(() => {
+  const allTabs = (0, import_react32.useMemo)(() => {
     const chatTab = {
       key: "chat",
       label: "\uCC44\uD305",
@@ -17298,16 +17335,16 @@ var ChatFloatingWidget = ({
     }));
     return [chatTab, ...customTabs];
   }, [tabs]);
-  const [unreadBadge, setUnreadBadge] = (0, import_react31.useState)(0);
-  const seenMessageIdsRef = (0, import_react31.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react31.useEffect)(() => {
+  const [unreadBadge, setUnreadBadge] = (0, import_react32.useState)(0);
+  const seenMessageIdsRef = (0, import_react32.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react32.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_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (isOpen) {
       for (const m of chatState.messages) {
         seenMessageIdsRef.current.add(m.id);
@@ -17324,7 +17361,7 @@ var ChatFloatingWidget = ({
       }
     }
   }, [chatState.messages, isOpen]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (isOpen) {
       setUnreadBadge(0);
       for (const m of chatState.messages) {
@@ -17332,13 +17369,13 @@ var ChatFloatingWidget = ({
       }
     }
   }, [isOpen, chatState.messages]);
-  const totalBadge = (0, import_react31.useMemo)(() => {
+  const totalBadge = (0, import_react32.useMemo)(() => {
     return tabs.reduce((sum, t) => sum + (t.badge || 0), 0) + unreadBadge;
   }, [tabs, unreadBadge]);
-  const isTalking = (0, import_react31.useMemo)(() => !!notification || chatState.isLoading, [notification, chatState.isLoading]);
-  const prevLoadingRef = (0, import_react31.useRef)(chatState.isLoading);
-  const [isComplete, setIsComplete] = (0, import_react31.useState)(false);
-  (0, import_react31.useEffect)(() => {
+  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 wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = chatState.isLoading;
     if (!wasLoading || chatState.isLoading || chatState.messages.length === 0) return;
@@ -17454,7 +17491,7 @@ var ChatFloatingWidget = ({
 };
 
 // src/react/hooks/useDeepResearch.ts
-var import_react32 = require("react");
+var import_react33 = 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>
@@ -17505,10 +17542,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_react32.useState)(false);
-  const [progress, setProgress] = (0, import_react32.useState)(null);
-  const abortControllerRef = (0, import_react32.useRef)(null);
-  const callLLM2 = (0, import_react32.useCallback)(
+  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)(
     async (prompt, stream = false) => {
       const response = await fetch(apiEndpoint, {
         method: "POST",
@@ -17535,7 +17572,7 @@ var useDeepResearch = (options) => {
     },
     [apiEndpoint, apiKey, model, provider]
   );
-  const analyzeQuery2 = (0, import_react32.useCallback)(
+  const analyzeQuery2 = (0, import_react33.useCallback)(
     async (query) => {
       const prompt = QUERY_ANALYSIS_PROMPT2.replace("{question}", query);
       const response = await callLLM2(prompt);
@@ -17554,7 +17591,7 @@ var useDeepResearch = (options) => {
     },
     [callLLM2]
   );
-  const runSubAgent2 = (0, import_react32.useCallback)(
+  const runSubAgent2 = (0, import_react33.useCallback)(
     async (topic, queries, agentId, updateProgress) => {
       updateProgress({ status: "searching", searchCount: 0, resultsCount: 0 });
       const allResults = [];
@@ -17593,7 +17630,7 @@ var useDeepResearch = (options) => {
     },
     [onWebSearch, onExtractContent]
   );
-  const generateReport2 = (0, import_react32.useCallback)(
+  const generateReport2 = (0, import_react33.useCallback)(
     async (query, results, onStreamContent) => {
       const allSources = [];
       const sourcesForPrompt = [];
@@ -17651,7 +17688,7 @@ var useDeepResearch = (options) => {
     },
     [callLLM2]
   );
-  const runDeepResearch = (0, import_react32.useCallback)(
+  const runDeepResearch = (0, import_react33.useCallback)(
     async (query, onStreamContent) => {
       abortControllerRef.current = new AbortController();
       setIsResearching(true);
@@ -17754,7 +17791,7 @@ var useDeepResearch = (options) => {
     },
     [analyzeQuery2, runSubAgent2, generateReport2]
   );
-  const stopResearch = (0, import_react32.useCallback)(() => {
+  const stopResearch = (0, import_react33.useCallback)(() => {
     abortControllerRef.current?.abort();
     setIsResearching(false);
     setProgress(null);
@@ -17957,7 +17994,7 @@ var EmptyState = ({
 };
 
 // src/react/components/MemoryPanel.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var categoryLabels = {
   fact: "\uC0AC\uC6A9\uC790 \uC815\uBCF4",
@@ -17977,8 +18014,8 @@ var MemoryPanel = ({
   isOpen,
   onToggle
 }) => {
-  const [expandedId, setExpandedId] = (0, import_react33.useState)(null);
-  const [activeTab, setActiveTab] = (0, import_react33.useState)("all");
+  const [expandedId, setExpandedId] = (0, import_react34.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react34.useState)("all");
   const filteredItems = activeTab === "all" ? items : items.filter((item) => item.category === activeTab);
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -18320,6 +18357,7 @@ var MemoryPanel = ({
   Icon,
   IconSvg,
   ImageContentCard,
+  ImageErrorContext,
   LinkChip,
   MarkdownRenderer,
   MemoryPanel,
@@ -18341,6 +18379,7 @@ var MemoryPanel = ({
   useDeepResearch,
   useDragResize,
   useFloatingWidget,
+  useImageError,
   useObserver,
   useProject,
   useSkills