extracted terminal to a widget

2026-02-17 18:46:18 +00:00
parent c6999ea66f
commit 0746844d6f
98 changed files with 487 additions and 3513 deletions
@@ -0,0 +1,25 @@
+import { Link } from 'react-router';
+import { UserMenu } from './UserMenu';
+
+export function Header() {
+  return (
+    <header className="fixed z-10 w-full">
+      <div
+        className="shrink-0 border-b backdrop-blur-xl shadow-lg px-3 py-2 md:px-6 md:py-3 flex items-center justify-between"
+        style={{ backgroundColor: 'rgba(255, 255, 255, 0.25)', borderColor: 'rgba(255, 255, 255, 0.35)' }}
+      >
+        <Link to="/">
+          <img
+            src="/static/officer-logo.svg"
+            alt="Officer"
+            className="h-8 md:h-12 w-auto"
+            style={{ transform: 'skew(-15deg, -2deg)' }}
+          />
+        </Link>
+        <UserMenu />
+
+      </div>
+    </header>
+  );
+}
+
@@ -0,0 +1,59 @@
+import { Link } from 'react-router';
+import * as Dropdown from '@/components/ui/dropdown-menu';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { User, LogOut, Server, Package, Bot } from 'lucide-react';
+import { useAuth } from 'hooks/useAuth';
+
+const { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } = Dropdown;
+
+export function UserMenu() {
+  const { user, isLoading } = useAuth();
+  if (isLoading) return null;
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button className="rounded-full outline-none focus-visible:ring-2 focus-visible:ring-duck-yellow cursor-pointer">
+          <Avatar className="h-9 w-9 rounded-full">
+            <AvatarImage src={user?.avatar ?? undefined} />
+            <AvatarFallback className="bg-duck-teal text-duck-yellow text-sm font-bold rounded-full">
+              {user?.name?.charAt(0).toUpperCase() ?? '?'}
+            </AvatarFallback>
+          </Avatar>
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end" className="z-10 w-48">
+        <DropdownMenuItem asChild className="cursor-pointer">
+          <Link to="/settings/profile">
+            <User className="mr-2 h-4 w-4" />
+            Profile
+          </Link>
+        </DropdownMenuItem>
+        <DropdownMenuItem asChild className="cursor-pointer">
+          <Link to="/settings/ai">
+            <Bot className="mr-2 h-4 w-4" />
+            AI Settings
+          </Link>
+        </DropdownMenuItem>
+        <DropdownMenuItem asChild className="cursor-pointer">
+          <Link to="/settings/server">
+            <Server className="mr-2 h-4 w-4" />
+            Server Settings
+          </Link>
+        </DropdownMenuItem>
+        <DropdownMenuItem asChild className="cursor-pointer">
+          <Link to="/settings/resources">
+            <Package className="mr-2 h-4 w-4" />
+            Resources
+          </Link>
+        </DropdownMenuItem>
+        <DropdownMenuItem asChild className="cursor-pointer">
+          <Link to="/auth/signout">
+            <LogOut className="mr-2 h-4 w-4" />
+            Sign Out
+          </Link>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+};
@@ -0,0 +1 @@
+export * from './Header';