@mordn/chat-widget 0.4.0 → 0.4.2

package/dist/index.js

@@ -1699,31 +1699,28 @@ function ChatInterface({ id, initialMessages, config, onClose, headerActions } =
   (0, import_react9.useEffect)(() => {
     if (hasInitialized.current) return;
     const loadInitialTabs = () => {
-      try {
-        const savedTabs = localStorage.getItem(storageKey("tabs"));
-        const savedActiveTabId = localStorage.getItem(storageKey("active-tab-id"));
-        if (savedTabs && savedTabs !== "[]") {
-          const parsedTabs = JSON.parse(savedTabs);
-          setTabs(parsedTabs);
-          const activeId = savedActiveTabId || parsedTabs[0]?.id;
-          setActiveTabId(activeId);
-          setInitialTabCreated(true);
-        } else if (!initialTabCreated && tabs.length === 0) {
-          const initialTabId = `chat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-          const currentTab = {
-            id: initialTabId,
-            title: "New Chat",
-            isActive: true
-          };
-          setTabs([currentTab]);
-          setActiveTabId(initialTabId);
-          setInitialTabCreated(true);
-        }
-      } finally {
+      const savedTabs = localStorage.getItem(storageKey("tabs"));
+      const savedActiveTabId = localStorage.getItem(storageKey("active-tab-id"));
+      if (savedTabs && savedTabs !== "[]") {
+        const parsedTabs = JSON.parse(savedTabs);
+        setTabs(parsedTabs);
+        const activeId = savedActiveTabId || parsedTabs[0]?.id;
+        setActiveTabId(activeId);
+        setInitialTabCreated(true);
+      } else if (!initialTabCreated && tabs.length === 0) {
+        const initialTabId = `chat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        setTabs([{ id: initialTabId, title: "New Chat", isActive: true }]);
+        setActiveTabId(initialTabId);
+        setInitialTabCreated(true);
         setIsInitializing(false);
       }
     };
-    loadInitialTabs();
+    try {
+      loadInitialTabs();
+    } catch (err) {
+      console.error("[chat-widget] init failed, falling back to clean start:", err);
+      setIsInitializing(false);
+    }
     hasInitialized.current = true;
   }, []);
   const hasLoadedInitialMessages = (0, import_react9.useRef)(false);
@@ -1731,10 +1728,15 @@ function ChatInterface({ id, initialMessages, config, onClose, headerActions } =
     if (hasLoadedInitialMessages.current) return;
     if (!config?.userId) return;
     if (!activeTabId) return;
-    if (isInitializing) return;
-    loadConversation(activeTabId);
-    hasLoadedInitialMessages.current = true;
-  }, [config?.userId, activeTabId, isInitializing]);
+    (async () => {
+      try {
+        await loadConversation(activeTabId);
+      } finally {
+        hasLoadedInitialMessages.current = true;
+        setIsInitializing(false);
+      }
+    })();
+  }, [config?.userId, activeTabId]);
   (0, import_react9.useEffect)(() => {
     if (isInitializing) return;
     if (activeTabId && tabs.length > 0 && activeTabId !== lastSyncedTabId.current) {
@@ -2134,7 +2136,7 @@ function ChatInterface({ id, initialMessages, config, onClose, headerActions } =
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-5 pb-5", children: [
           uploadError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mb-3 px-4 py-3 bg-red-50 dark:bg-red-900/20 border border-red-200/60 dark:border-red-800/60 rounded-2xl text-sm text-red-700 dark:text-red-400 shadow-sm", children: uploadError }),
-          messages.length === 0 && status !== "submitted" && config?.starterPrompts && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          isInitializing ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center justify-center py-8", role: "status", "aria-label": "Loading conversation", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "h-4 w-4 rounded-full border-2 border-current border-t-transparent animate-spin", style: { color: "hsl(var(--chat-text-muted))" } }) }) : messages.length === 0 && status !== "submitted" && config?.starterPrompts && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             StarterMessages,
             {
               prompts: config.starterPrompts,