Merge pull request #87 from jamesrochabrun/jroch-more-ideas

[codex] Add animation project scaffold

Author: jamesrochabrun

Easel/CanvasWorkspaceEmptyState.swift

@@ -56,7 +56,7 @@ enum CanvasWorkspaceEmptyStateContent: Equatable {
   var message: String {
     switch self {
     case .noDesigns:
-      return "Create a prototype, slide deck, or design system to start working."
+      return "Create a prototype, slide deck, animation, or design system to start working."
     case .noSelection:
       return "Select an existing design or create a new one before sending a message."
     }

EaselTests/DesignKindSymbolPaletteTests.swift

@@ -32,6 +32,7 @@ struct DesignKindSymbolPaletteTests {
   func projectKindsResolveToTheirMatchingLibraryPalettes() {
     #expect(DesignLibraryItemKind(projectKind: .prototype).symbolPalette == .prototype)
     #expect(DesignLibraryItemKind(projectKind: .slideDeck).symbolPalette == .slideDeck)
+    #expect(DesignLibraryItemKind(projectKind: .animation).symbolPalette == .animation)
   }
 }
 

Packages/EaselChat/Package.swift

@@ -48,6 +48,9 @@ let package = Package(
         .product(name: "CodeEditSourceEditor", package: "CodeEditSourceEditor"),
         .product(name: "CodeEditLanguages", package: "CodeEditLanguages"),
       ],
+      resources: [
+        .copy("ProjectTemplateAssets")
+      ],
       swiftSettings: [
         .swiftLanguageMode(.v5)
       ]

Packages/EaselChat/Sources/EaselChat/DesignLibrary/DesignKindSymbolPalette.swift

@@ -8,6 +8,7 @@ import SwiftUI
 enum DesignKindSymbolPalette {
   case prototype
   case slideDeck
+  case animation
   case designSystem
 
   func accent(for colorScheme: ColorScheme) -> Color {
@@ -20,6 +21,10 @@ enum DesignKindSymbolPalette {
       return Color(red: 0.34, green: 0.45, blue: 0.74)
     case (.slideDeck, .dark):
       return Color(red: 0.66, green: 0.75, blue: 0.98)
+    case (.animation, .light):
+      return Color(red: 0.76, green: 0.36, blue: 0.22)
+    case (.animation, .dark):
+      return Color(red: 0.98, green: 0.64, blue: 0.46)
     case (.designSystem, .light):
       return Color(red: 0.55, green: 0.42, blue: 0.68)
     case (.designSystem, .dark):
@@ -39,6 +44,10 @@ enum DesignKindSymbolPalette {
       return Color(red: 0.64, green: 0.72, blue: 0.94)
     case (.slideDeck, .dark):
       return Color(red: 0.27, green: 0.34, blue: 0.54)
+    case (.animation, .light):
+      return Color(red: 0.94, green: 0.64, blue: 0.52)
+    case (.animation, .dark):
+      return Color(red: 0.52, green: 0.26, blue: 0.18)
     case (.designSystem, .light):
       return Color(red: 0.76, green: 0.64, blue: 0.82)
     case (.designSystem, .dark):
@@ -56,6 +65,8 @@ extension DesignLibraryItemKind {
       return .prototype
     case .slideDeck:
       return .slideDeck
+    case .animation:
+      return .animation
     case .designSystem:
       return .designSystem
     }

Packages/EaselChat/Sources/EaselChat/DesignLibrary/DesignLibraryItemKind.swift

@@ -8,6 +8,7 @@ import Foundation
 public enum DesignLibraryItemKind: String, Codable, CaseIterable, Identifiable, Sendable {
   case prototype
   case slideDeck
+  case animation
   case designSystem
 
   public var id: String {
@@ -20,6 +21,8 @@ public enum DesignLibraryItemKind: String, Codable, CaseIterable, Identifiable,
       return "Prototype"
     case .slideDeck:
       return "Slide deck"
+    case .animation:
+      return "Animation"
     case .designSystem:
       return "Design system"
     }
@@ -32,6 +35,8 @@ public enum DesignLibraryItemKind: String, Codable, CaseIterable, Identifiable,
       return "Prototypes"
     case .slideDeck:
       return "Slide Decks"
+    case .animation:
+      return "Animations"
     case .designSystem:
       return "Design Systems"
     }
@@ -43,6 +48,8 @@ public enum DesignLibraryItemKind: String, Codable, CaseIterable, Identifiable,
       return "rectangle.inset.filled"
     case .slideDeck:
       return "rectangle.on.rectangle"
+    case .animation:
+      return "play.rectangle"
     case .designSystem:
       return "square.grid.2x2"
     }
@@ -58,6 +65,8 @@ public enum DesignLibraryItemKind: String, Codable, CaseIterable, Identifiable,
       self = .prototype
     case .slideDeck:
       self = .slideDeck
+    case .animation:
+      self = .animation
     }
   }
 }

Packages/EaselChat/Sources/EaselChat/DesignLibrary/DesignLibraryView.swift

@@ -116,7 +116,7 @@ public struct DesignLibraryView: View {
       ContentUnavailableView {
         Label("No designs", systemImage: "square.grid.2x2")
       } description: {
-        Text("Create a prototype, slide deck, or design system to see it here.")
+        Text("Create a prototype, slide deck, animation, or design system to see it here.")
       } actions: {
         Button("Show Create Controls", systemImage: "sidebar.left", action: onCreateDesign)
           .buttonStyle(.borderedProminent)
@@ -128,7 +128,7 @@ public struct DesignLibraryView: View {
       ContentUnavailableView(
         "No designs",
         systemImage: "square.grid.2x2",
-        description: Text("Create a prototype, slide deck, or design system to see it here.")
+        description: Text("Create a prototype, slide deck, animation, or design system to see it here.")
       )
       .frame(maxWidth: .infinity, minHeight: 360)
       .padding(24)

Packages/EaselChat/Sources/EaselChat/EaselAgentInstructions.swift

@@ -29,6 +29,7 @@ enum EaselAgentInstructions {
     - When the project ships a design system, it is the source of truth. Before writing any UI, read its spec at `resources/design-system/DESIGN.md`, then build every screen or slide directly from that system: reuse its exact colors, typography, spacing, radii, effects, and component families instead of inventing an ad-hoc palette, type scale, or component style. If you need a token the system does not define, extend it consistently rather than departing from it.
     - For slide deck projects, \(SlideDeckContract.authoringSummary)
     - For slide deck creation, \(slideDeckCreationGuidance)
+    - For animation projects, \(AnimationScaffold.authoringGuidance)
     """
 
   static let codexDeveloperInstructionsPrefix = """
@@ -259,6 +260,10 @@ enum EaselAgentInstructions {
         lines.append("Slide deck contract: \(SlideDeckContract.authoringSummary)")
       }
 
+      if projectKind == .animation {
+        lines.append("Animation contract: \(AnimationScaffold.authoringGuidance)")
+      }
+
       if projectKind == .prototype, let projectFidelity {
         lines.append("Current prototype fidelity: \(projectFidelity.displayName)")
         lines.append("The prototype fidelity contract specializes the bundled frontend skill. When the two differ, follow this fidelity contract for process, polish level, breadth, visual style, and interaction depth.")

Packages/EaselChat/Sources/EaselChat/LocalAgentHandoff/LocalAgentHandoffPromptBuilder.swift

@@ -44,6 +44,10 @@ enum LocalAgentHandoffPromptBuilder {
       case .slideDeck:
         lines.append("Current project type: \(project.kind.displayName)")
         lines.append("Slide deck contract: \(SlideDeckContract.authoringSummary)")
+
+      case .animation:
+        lines.append("Current project type: \(project.kind.displayName)")
+        lines.append("Animation contract: \(AnimationScaffold.authoringGuidance)")
       }
 
       if project.designSystem.kind == .custom {