@frankieai/react 0.2.5 → 0.2.6

package/dist/index.js

@@ -1333,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();
@@ -1360,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);
@@ -1391,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) {
@@ -1436,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: [