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:
28
app/epd/swift/layout.tsx
Normal file
28
app/epd/swift/layout.tsx
Normal 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
29
app/epd/swift/page.tsx
Normal 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: "notitie jan medicatie"
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</CommandCenter>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user