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:
34
components/swift/command-center/recent-strip.tsx
Normal file
34
components/swift/command-center/recent-strip.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user