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:
colinislit
2025-12-23 22:28:41 +01:00
parent 96a1f25e55
commit 855b1e99ae
27 changed files with 8496 additions and 14 deletions

28
app/epd/swift/layout.tsx Normal file
View File

@@ -0,0 +1,28 @@
/**
* Swift Layout
*
* Full-screen layout for Swift Command Center.
* No sidebar - the entire screen is the Command Center.
*/
import type { ReactNode } from 'react';
import { getUser } from '@/lib/auth/server';
import { redirect } from 'next/navigation';
interface SwiftLayoutProps {
children: ReactNode;
}
export default async function SwiftLayout({ children }: SwiftLayoutProps) {
const user = await getUser();
if (!user) {
redirect('/login');
}
return (
<div className="min-h-screen bg-slate-900 text-white flex flex-col">
{children}
</div>
);
}

29
app/epd/swift/page.tsx Normal file
View File

@@ -0,0 +1,29 @@
'use client';
/**
* Swift Command Center Page
*
* Main entry point for Swift - the Contextual UI EPD.
*/
import { useSwiftStore } from '@/stores/swift-store';
import { CommandCenter } from '@/components/swift';
export default function SwiftPage() {
const { activeBlock } = useSwiftStore();
return (
<CommandCenter>
{activeBlock ? (
<div className="text-slate-400">Block: {activeBlock}</div>
) : (
<div className="text-center text-slate-500 max-w-md">
<p className="text-lg mb-2">Wat wil je doen?</p>
<p className="text-sm text-slate-600">
Typ of spreek je intentie, bijvoorbeeld: &quot;notitie jan medicatie&quot;
</p>
</div>
)}
</CommandCenter>
);
}