feat(swift): implementeer slide-in animaties + Epic 4 compleet (E4.S3)
Epic 4 volledig afgerond! Artifact systeem compleet met tabs, lifecycle, en animaties. Voortgang: 58 SP / 82 SP (71%) - 21/31 stories compleet, 3 geskipt E4.S3 - Slide-in Animatie (2 SP) - artifact-enter keyframes in globals.css (200ms ease-out) - Slide van rechts: translateX(100%) → translateX(0) met opacity fade - Reduced motion support: animation: none bij prefers-reduced-motion - ArtifactContainer: artifact-enter class op content wrapper - Key prop (activeArtifact.id) triggert re-animation bij switch - Smooth visuele feedback bij artifact opening/switching - Build succesvol zonder errors E4.S4 - GESKIPT (Placeholder State) - Placeholder al volledig geïmplementeerd in E4.S1 - Bevat emoji (📋), titel, en voorbeelden zoals gespecificeerd - 3 SP geannuleerd (totaal nu 82 SP i.p.v. 85 SP) Epic 4 Samenvatting: - ✅ E4.S1: ArtifactContainer met tabs (5 SP) - ✅ E4.S2: Lifecycle management (3 SP) - ✅ E4.S3: Slide-in animaties (2 SP) - ❌ E4.S4: Placeholder (geskipt, in E4.S1) Components Updated: - app/globals.css: artifact-enter keyframes + reduced motion support - artifact-container.tsx: animatie class op wrapper met key prop Documentatie: - Bouwplan bijgewerkt naar v3.0 (Epic 4 compleet) - E4.S3 deliverables gedocumenteerd - E4.S4 skip rationale toegevoegd - Voortgang: 71% compleet (58/82 SP) - Epic overzicht: 4/6 epics compleet Volgende Epic: E5 (AI-Filtering & Polish) - 13 SP 🎉 Epic 4 compleet! Artifact systeem volledig functioneel! 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -112,7 +112,9 @@ export function ArtifactContainer({
|
||||
{/* Active artifact content */}
|
||||
<div className="flex-1 flex items-center justify-center p-6 overflow-y-auto">
|
||||
{activeArtifact ? (
|
||||
renderArtifactBlock(activeArtifact)
|
||||
<div key={activeArtifact.id} className="artifact-enter w-full">
|
||||
{renderArtifactBlock(activeArtifact)}
|
||||
</div>
|
||||
) : (
|
||||
<div className="text-slate-500">
|
||||
Selecteer een artifact om te bekijken
|
||||
|
||||
Reference in New Issue
Block a user