From c82c4828e761056e3fc6e09bee4b333bb92ce136 Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:18:39 +0330
Subject: [PATCH] Import source: vault/components/view-toggle

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 vault/components/view-toggle.tsx | 33 ++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 vault/components/view-toggle.tsx

diff --git a/vault/components/view-toggle.tsx b/vault/components/view-toggle.tsx
new file mode 100644
index 0000000..0840051
--- /dev/null
+++ b/vault/components/view-toggle.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { LayoutGrid, List } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+interface ViewToggleProps {
+  view: "grid" | "list";
+  onChange: (view: "grid" | "list") => void;
+}
+
+export function ViewToggle({ view, onChange }: ViewToggleProps) {
+  return (
+    <div className="flex items-center rounded-lg border border-border/50 bg-muted/50 p-0.5">
+      <Button
+        variant="ghost"
+        size="icon"
+        className={cn("h-8 w-8 rounded-md", view === "grid" && "bg-background shadow-sm")}
+        onClick={() => onChange("grid")}
+      >
+        <LayoutGrid className="h-4 w-4" />
+      </Button>
+      <Button
+        variant="ghost"
+        size="icon"
+        className={cn("h-8 w-8 rounded-md", view === "list" && "bg-background shadow-sm")}
+        onClick={() => onChange("list")}
+      >
+        <List className="h-4 w-4" />
+      </Button>
+    </div>
+  );
+}