feat: remember sidebar state

frontend/src/app/workspace/chats/[thread_id]/page.tsx

@@ -26,7 +26,7 @@ export default function ChatPage() {
     [threadIdFromPath],
   );
   const [threadId, setThreadId] = useState<string | null>(null);
-  const { threadContext, setThreadContext } = useLocalSettings();
+  const [settings, setSettings] = useLocalSettings();
 
   useEffect(() => {
     if (threadIdFromPath !== "new") {
@@ -43,7 +43,7 @@ export default function ChatPage() {
     isNewThread,
     threadId,
     thread,
-    threadContext,
+    threadContext: settings.context,
     afterSubmit() {
       router.push(pathOfThread(threadId!));
     },
@@ -71,8 +71,8 @@ export default function ChatPage() {
                 className="w-full max-w-(--container-width-md)"
                 autoFocus={isNewThread}
                 status={thread.isLoading ? "streaming" : "ready"}
-                context={threadContext}
-                onContextChange={setThreadContext}
+                context={settings.context}
+                onContextChange={(context) => setSettings("context", context)}
                 onSubmit={handleSubmit}
                 onStop={handleStop}
               />

frontend/src/app/workspace/layout.tsx

@@ -1,16 +1,30 @@
 "use client";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useCallback, useEffect, useState } from "react";
 
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import { Overscroll } from "@/components/workspace/overscroll";
 import { WorkspaceSidebar } from "@/components/workspace/workspace-sidebar";
+import { useLocalSettings } from "@/core/settings";
 
 const queryClient = new QueryClient();
 
 export default function WorkspaceLayout({
   children,
 }: Readonly<{ children: React.ReactNode }>) {
+  const [settings, setSettings] = useLocalSettings();
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    setOpen(!settings.layout.sidebar_collapsed);
+  }, [settings.layout.sidebar_collapsed]);
+  const handleOpenChange = useCallback(
+    (open: boolean) => {
+      setOpen(open);
+      setSettings("layout", { sidebar_collapsed: !open });
+    },
+    [setSettings],
+  );
   return (
     <QueryClientProvider client={queryClient}>
       <SidebarProvider
@@ -19,6 +33,8 @@ export default function WorkspaceLayout({
             "--sidebar-width": "calc(var(--spacing) * 72)",
           } as React.CSSProperties
         }
+        open={open}
+        onOpenChange={handleOpenChange}
       >
         <Overscroll behavior="none" overflow="hidden" />
         <WorkspaceSidebar />