feat: add animated workspace identities

2026-07-26 02:31:58 +02:00
parent 5feaf76740
commit b65db69bfc
5 changed files with 285 additions and 1 deletions
@@ -0,0 +1,40 @@
+import {
+  Bot,
+  Database,
+  Download,
+  Gauge,
+  MapPinned,
+  ScanLine,
+  Settings2,
+  ShieldCheck,
+} from 'lucide-react'
+import type { WorkspaceKey } from '../overview/OverviewWorkspace'
+
+interface WorkspaceSignalProps {
+  workspace: WorkspaceKey
+}
+
+const workspaceIcons = {
+  overview: Gauge,
+  data: Database,
+  map: MapPinned,
+  assistant: Bot,
+  analysis: ShieldCheck,
+  ai: ScanLine,
+  exports: Download,
+  system: Settings2,
+} as const
+
+export function WorkspaceSignal({ workspace }: WorkspaceSignalProps): JSX.Element {
+  const Icon = workspaceIcons[workspace]
+
+  return (
+    <div className={`workspace-signal workspace-signal-${workspace}`} aria-hidden="true">
+      <span className="workspace-signal-grid" />
+      <span className="workspace-signal-orbit workspace-signal-orbit-a" />
+      <span className="workspace-signal-orbit workspace-signal-orbit-b" />
+      <span className="workspace-signal-beam" />
+      <span className="workspace-signal-icon"><Icon /></span>
+    </div>
+  )
+}