@frankieai/react 0.2.4 → 0.2.6

package/dist/index.js

@@ -346,8 +346,11 @@ function useFrankieChatState() {
           messagesRef.current = restoredMessages;
           setMessages(restoredMessages);
         }
-      } catch {
-        if (active) setError("Could not restore this conversation. Check your sign-in and connection, then try opening it again.");
+      } catch (caught) {
+        if (active) {
+          const message = caught instanceof FrankieApiError ? caught.message : caught instanceof Error && caught.message.startsWith("Frankie") ? caught.message : "Could not restore this conversation. Check your sign-in and connection, then try opening it again.";
+          setError(message);
+        }
       } finally {
         if (active) setRestored(true);
       }
@@ -1330,7 +1333,7 @@ function FrankieInline({ className, style, ...panelProps }) {
 
 // src/components/chat/FrankieChatPage.tsx
 import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
-import { History, Menu, Plus as Plus2, Settings, X as X5 } from "lucide-react";
+import { ChevronsLeft, ChevronsRight, History, Menu, Plus as Plus2, Settings, X as X5 } from "lucide-react";
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 function PageEmptyState() {
   const { config } = useFrankie();
@@ -1357,6 +1360,13 @@ function PageChrome({ showHistory, navigation, currentId, onSelect, onNew, ...pa
   const [historyError, setHistoryError] = useState7("");
   const [historyLoading, setHistoryLoading] = useState7(false);
   const [drawerOpen, setDrawerOpen] = useState7(false);
+  const [collapsed, setCollapsed] = useState7(() => {
+    try {
+      return window.localStorage.getItem("frankie.history-collapsed") === "1";
+    } catch {
+      return false;
+    }
+  });
   const [query, setQuery] = useState7("");
   const dialog = useRef5(null);
   const menu = useRef5(null);
@@ -1372,8 +1382,12 @@ function PageChrome({ showHistory, navigation, currentId, onSelect, onNew, ...pa
     try {
       const items = await client.listConversations();
       if (version === requestVersion.current) setConversations(items);
-    } catch {
-      if (version === requestVersion.current) setHistoryError("History couldn\u2019t load. Check your sign-in and try again.");
+    } catch (caught) {
+      if (version !== requestVersion.current) {
+      } else {
+        const message = caught instanceof FrankieApiError ? caught.message : caught instanceof Error && caught.message.startsWith("Frankie") ? caught.message : "History couldn\u2019t load. Check your sign-in and try again.";
+        setHistoryError(message);
+      }
     } finally {
       if (version === requestVersion.current) setHistoryLoading(false);
     }
@@ -1384,6 +1398,12 @@ function PageChrome({ showHistory, navigation, currentId, onSelect, onNew, ...pa
       requestVersion.current++;
     };
   }, [refresh, busy]);
+  useEffect6(() => {
+    try {
+      window.localStorage.setItem("frankie.history-collapsed", collapsed ? "1" : "0");
+    } catch {
+    }
+  }, [collapsed]);
   useEffect6(() => {
     const node = dialog.current;
     if (drawerOpen) {
@@ -1429,7 +1449,10 @@ function PageChrome({ showHistory, navigation, currentId, onSelect, onNew, ...pa
     navigation ? /* @__PURE__ */ jsx17("div", { className: "frankie-host-navigation", children: navigation }) : null
   ] });
   return /* @__PURE__ */ jsxs7("div", { className: "frankie-page-shell" + (resolveMode(theme?.mode) === "dark" ? " dark" : ""), style: themeToCssVars(theme), children: [
-    showHistory ? /* @__PURE__ */ jsx17("aside", { className: "frankie-history-desktop", children: history }) : null,
+    showHistory ? /* @__PURE__ */ jsxs7("aside", { className: "frankie-history-desktop" + (collapsed ? " frankie-history-collapsed" : ""), children: [
+      /* @__PURE__ */ jsx17("button", { type: "button", className: "frankie-history-toggle", "aria-label": collapsed ? "Expand conversations" : "Collapse conversations", "aria-expanded": !collapsed, onClick: () => setCollapsed((value) => !value), children: collapsed ? /* @__PURE__ */ jsx17(ChevronsRight, { size: 16 }) : /* @__PURE__ */ jsx17(ChevronsLeft, { size: 16 }) }),
+      collapsed ? null : history
+    ] }) : null,
     /* @__PURE__ */ jsxs7("div", { className: "frankie-page-main", children: [
       /* @__PURE__ */ jsxs7("header", { className: "frankie-page-header", children: [
         /* @__PURE__ */ jsxs7("div", { children: [