Adds the styling foundation for the UI redesign (vibe-kanban / Magentic-UI / Langflow references): Tailwind CSS + shadcn/ui primitives, HSL design tokens (index.css) ported from theme.css, @/ alias, and the App.tsx Board|Pipeline tabs shell. Extends StateResponse with the backend's existing stages[] for the Board. theme.css kept transiently until components migrate to Tailwind. No backend changes. Component fan-out (Board, MapNode, TaskDrawer, TopBar) follows.
15 lines
464 B
TypeScript
15 lines
464 B
TypeScript
import type { StateResponse, Topology } from "../api";
|
|
|
|
// STUB — replaced in the component fan-out. Keeps the foundation compiling.
|
|
interface Props {
|
|
state: StateResponse | null;
|
|
topology: Topology | null;
|
|
selectedId: string | null;
|
|
nodeFilter: string | null;
|
|
onSelect: (threadId: string) => void;
|
|
onClearNodeFilter: () => void;
|
|
}
|
|
|
|
export function Board(_props: Props) {
|
|
return <div className="p-4 text-sm text-muted-foreground">Board…</div>;
|
|
}
|