Update thread and history components

src/components/thread/history/index.tsx

@@ -12,7 +12,7 @@ import {
   SheetTitle,
 } from "@/components/ui/sheet";
 import { Skeleton } from "@/components/ui/skeleton";
-import { PanelRightOpen } from "lucide-react";
+import { PanelRightOpen, PanelRightClose } from "lucide-react";
 import { useMediaQuery } from "@/hooks/useMediaQuery";
 
 function ThreadList({
@@ -97,7 +97,11 @@ export default function ThreadHistory() {
             variant="ghost"
             onClick={() => setChatHistoryOpen((p) => !p)}
           >
+            {chatHistoryOpen ? (
               <PanelRightOpen className="size-5" />
+            ) : (
+              <PanelRightClose className="size-5" />
+            )}
           </Button>
           <h1 className="text-xl font-semibold tracking-tight">
             Thread History

src/components/thread/index.tsx

@@ -18,6 +18,7 @@ import {
   ArrowDown,
   LoaderCircle,
   PanelRightOpen,
+  PanelRightClose,
   SquarePen,
 } from "lucide-react";
 import { BooleanParam, StringParam, useQueryParam } from "use-query-params";
@@ -217,7 +218,11 @@ export function Thread() {
                 variant="ghost"
                 onClick={() => setChatHistoryOpen((p) => !p)}
               >
+                {chatHistoryOpen ? (
                   <PanelRightOpen className="size-5" />
+                ) : (
+                  <PanelRightClose className="size-5" />
+                )}
               </Button>
             )}
           </div>
@@ -232,7 +237,11 @@ export function Thread() {
                     variant="ghost"
                     onClick={() => setChatHistoryOpen((p) => !p)}
                   >
+                    {chatHistoryOpen ? (
                       <PanelRightOpen className="size-5" />
+                    ) : (
+                      <PanelRightClose className="size-5" />
+                    )}
                   </Button>
                 )}
               </div>