refactor: migrate to monorepo structure with Docker, PocketBase, and e2e tests

- Reorganize into apps/, packages/, docs/, e2e/, pocketbase/ directories - Add Dockerfiles for web, worker, and PocketBase services - Add docker-compose.yml for local orchestration - Add turbo.json for monorepo task management - Add Playwright e2e test infrastructure - Add PocketBase backend with migrations - Remove Vite/Next.js/ESLint/PostCSS config files - Update package.json with workspace dependencies - Add .env.example and .dockerignore
2026-07-16 06:19:58 -04:00
parent ec14645a4b
commit 8f55626e03
286 changed files with 31992 additions and 9245 deletions
@@ -0,0 +1,67 @@
+'use client';
+
+import { Search, Bell, Plus, Menu } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { useSidebarStore } from '@/lib/stores/use-sidebar-store';
+import { CommandPalette } from '@/components/command-palette';
+
+export function TopBar() {
+  const { setMobileOpen } = useSidebarStore();
+
+  return (
+    <>
+      <header className="sticky top-0 z-10 flex h-14 items-center gap-4 border-b bg-card px-6" role="banner">
+        <Button
+          variant="ghost"
+          size="icon"
+          className="md:hidden"
+          onClick={() => setMobileOpen(true)}
+          aria-label="Open navigation menu"
+        >
+          <Menu className="h-5 w-5" />
+        </Button>
+
+        {/* Search / Command trigger */}
+        <div className="flex-1 md:max-w-sm">
+          <Button
+            variant="outline"
+            className="w-full justify-start text-muted-foreground"
+            onClick={() => {
+              document.dispatchEvent(
+                new KeyboardEvent('keydown', { key: 'k', metaKey: true })
+              );
+            }}
+            aria-label="Open search (Cmd+K)"
+          >
+            <Search className="mr-2 h-4 w-4" aria-hidden="true" />
+            Search or jump to...
+            <kbd className="ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground">
+              ⌘K
+            </kbd>
+          </Button>
+        </div>
+
+        <div className="ml-auto flex items-center gap-2">
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => {
+              document.dispatchEvent(
+                new KeyboardEvent('keydown', { key: 'k', metaKey: true })
+              );
+            }}
+            aria-label="Quick add"
+          >
+            <Plus className="mr-1 h-4 w-4" aria-hidden="true" />
+            Quick add
+          </Button>
+
+          <Button variant="ghost" size="icon" aria-label="Notifications">
+            <Bell className="h-5 w-5" aria-hidden="true" />
+          </Button>
+        </div>
+      </header>
+      <CommandPalette />
+    </>
+  );
+}