feat: add frontend source (fix submodule), compact node design

- Remove nested .git from Vite scaffold - Horizontal node layout: icon left, label+IP right, reduced height
2026-03-06 23:31:15 +01:00
parent 4310a5cc2d
commit 9bb34c99cc
35 changed files with 9902 additions and 1 deletions
@@ -0,0 +1,39 @@
+import { Save, LayoutDashboard, Download } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+import { useCanvasStore } from '@/stores/canvasStore'
+
+interface ToolbarProps {
+  onSave: () => void
+  onAutoLayout: () => void
+  onExport: () => void
+}
+
+export function Toolbar({ onSave, onAutoLayout, onExport }: ToolbarProps) {
+  const { hasUnsavedChanges } = useCanvasStore()
+
+  return (
+    <header className="flex items-center gap-2 px-4 py-2 border-b border-border bg-[#161b22] shrink-0">
+      <div className="flex-1" />
+      <Button size="sm" variant="ghost" className="gap-1.5 text-muted-foreground hover:text-foreground" onClick={onAutoLayout}>
+        <LayoutDashboard size={14} /> Auto Layout
+      </Button>
+      <Button size="sm" variant="ghost" className="gap-1.5 text-muted-foreground hover:text-foreground" onClick={onExport}>
+        <Download size={14} /> Export
+      </Button>
+      <Button
+        size="sm"
+        className="gap-1.5 relative"
+        style={{
+          background: hasUnsavedChanges ? '#00d4ff' : undefined,
+          color: hasUnsavedChanges ? '#0d1117' : undefined,
+        }}
+        onClick={onSave}
+      >
+        {hasUnsavedChanges && (
+          <span className="absolute -top-1 -right-1 w-2 h-2 rounded-full bg-[#e3b341] border border-[#161b22]" />
+        )}
+        <Save size={14} /> Save
+      </Button>
+    </header>
+  )
+}