feat(swift): E0 Setup & Foundation + documentatie
Swift - Contextual UI EPD: "Van 12 klikken naar 1 zin" Documentatie: - PRD, FO, TO, UX specificaties - Bouwplan met 6 epics, 27 stories (68 SP) - Analyse en onderzoeksdocumenten E0 Setup & Foundation: - E0.S1: Zustand v5.0.9 geïnstalleerd - E0.S2: Swift store met context, blocks, input state - E0.S3: /epd/swift route met eigen layout (dark theme) - E0.S4: Folder structuur components/swift/, lib/swift/ Components: - CommandCenter (container) - ContextBar (shift, patient) - CommandInput (text + voice button) - RecentStrip (laatste 5 acties) - BlockContainer (wrapper voor blocks) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
30
components/swift/command-center/command-center.tsx
Normal file
30
components/swift/command-center/command-center.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
'use client';
|
||||
|
||||
/**
|
||||
* Command Center
|
||||
*
|
||||
* Main container for the Swift interface.
|
||||
* Orchestrates Context Bar, Canvas, Recent Strip, and Command Input.
|
||||
*/
|
||||
|
||||
import { ReactNode } from 'react';
|
||||
import { ContextBar } from './context-bar';
|
||||
import { CommandInput } from './command-input';
|
||||
import { RecentStrip } from './recent-strip';
|
||||
|
||||
interface CommandCenterProps {
|
||||
children?: ReactNode;
|
||||
}
|
||||
|
||||
export function CommandCenter({ children }: CommandCenterProps) {
|
||||
return (
|
||||
<>
|
||||
<ContextBar />
|
||||
<main className="flex-1 flex items-center justify-center p-4 overflow-auto">
|
||||
{children}
|
||||
</main>
|
||||
<RecentStrip />
|
||||
<CommandInput />
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user