feat: v1 — persistent shell, model gateway, artifact improvements (#1462)

components/chat/sidebar-toggle.tsx

@@ -0,0 +1,35 @@
+import type { ComponentProps } from "react";
+
+import { type SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Button } from "../ui/button";
+import { SidebarLeftIcon } from "./icons";
+
+export function SidebarToggle({
+  className,
+}: ComponentProps<typeof SidebarTrigger>) {
+  const { toggleSidebar } = useSidebar();
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          className={className}
+          data-testid="sidebar-toggle-button"
+          onClick={toggleSidebar}
+          size="icon-sm"
+          variant="outline"
+        >
+          <SidebarLeftIcon size={16} />
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent align="start" className="hidden md:block">
+        Toggle Sidebar
+      </TooltipContent>
+    </Tooltip>
+  );
+}