Workspaces layout, automation page

2026-02-18 17:04:32 +00:00
parent 89f23f9426
commit 485ae4c3d7
89 changed files with 2168 additions and 514 deletions
@@ -0,0 +1,26 @@
+import type { AppRegistry } from './types';
+
+type AppPickerProps = {
+  registry: AppRegistry;
+  onSelect: (appType: string) => void;
+};
+
+export const AppPicker = ({ registry, onSelect }: AppPickerProps) => {
+  const entries = Object.entries(registry);
+
+  return (
+    <div className="grid grid-cols-3 gap-2 max-w-xs">
+      {entries.map(([key, entry]) => (
+        <button
+          key={key}
+          type="button"
+          className="flex flex-col items-center gap-1.5 rounded-lg border border-duck-teal/25 bg-white/80 backdrop-blur-sm px-3 py-3 text-duck-teal hover:border-duck-teal/40 hover:bg-white/90 transition-colors cursor-pointer"
+          onClick={() => onSelect(key)}
+        >
+          <entry.icon className="h-5 w-5" />
+          <span className="text-xs font-medium leading-tight text-center">{entry.name}</span>
+        </button>
+      ))}
+    </div>
+  );
+};