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

View File

@@ -0,0 +1,34 @@
'use client';
/**
* Recent Strip
*
* Shows last 5 actions as clickable chips for quick repeat.
*/
import { useSwiftStore } from '@/stores/swift-store';
export function RecentStrip() {
const { recentActions } = useSwiftStore();
return (
<div className="h-12 border-t border-slate-700 flex items-center px-4 gap-2 shrink-0">
<span className="text-xs text-slate-500 shrink-0">Recent:</span>
{recentActions.length === 0 ? (
<span className="text-xs text-slate-600 italic">Nog geen acties</span>
) : (
<div className="flex gap-2 overflow-x-auto">
{recentActions.map((action) => (
<button
key={action.id}
className="text-xs px-2 py-1 rounded bg-slate-700 hover:bg-slate-600 text-slate-300 whitespace-nowrap transition-colors"
title={`${action.intent}: ${action.label}`}
>
{action.label}
</button>
))}
</div>
)}
</div>
);
}