create-auto-app 0.11.14 → 0.11.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-auto-app",
-  "version": "0.11.14",
+  "version": "0.11.16",
   "description": "Create Auto Engineer apps with no configuration",
   "type": "module",
   "bin": {
@@ -33,7 +33,7 @@
     "fs-extra": "^11.2.0",
     "inquirer": "^9.2.15",
     "ora": "^8.0.1",
-    "@auto-engineer/id": "0.11.14"
+    "@auto-engineer/id": "0.11.16"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

package/templates/kanban-todo/auto.config.ts

@@ -104,6 +104,7 @@ export default autoConfig({
           componentType: type,
           filePath: component.filePath,
           componentName,
+          aiOptions: { maxTokens: 3000 },
         });
       });
       return dispatch.parallel(commands);
@@ -136,6 +137,7 @@ export default autoConfig({
           previousOutputs: 'errors',
           attemptNumber: 0,
         },
+        aiOptions: { maxTokens: 2000 },
       }),
     );
 
@@ -189,6 +191,7 @@ export default autoConfig({
               previousOutputs: collectErrorMessages(failures),
               attemptNumber: currentAttempt + 1,
             },
+            aiOptions: { maxTokens: 2000 },
           },
         });
 
@@ -218,6 +221,7 @@ export default autoConfig({
     on<GenerateClientEvents>('ClientGenerated', (e) => {
       if (e.type !== 'ClientGenerated') return;
 
+      // this is purley for display purposes the pipeline
       if (e.data === null || e.data === undefined || !Array.isArray(e.data.components)) {
         return [
           dispatch<ImplementComponentCommand>('ImplementComponent', {
@@ -227,6 +231,7 @@ export default autoConfig({
             componentType: 'molecule',
             filePath: 'client/src/components/molecules/Example.tsx',
             componentName: 'Example.tsx',
+            aiOptions: { maxTokens: 3000 },
           }),
           dispatch<StartClientCommand>('StartClient', {
             clientDirectory: './client',
@@ -265,6 +270,7 @@ export default autoConfig({
           componentType: 'molecule',
           filePath: component.filePath,
           componentName,
+          aiOptions: { maxTokens: 3000 },
         });
       });
 

package/templates/kanban-todo/narratives/homepage.narrative.ts

@@ -26,30 +26,6 @@ narrative('Todo Dashboard', 'AUTO-H6i9Rs2Gz', () => {
       should('use gradient borders matching task status');
     });
   });
-  experience('Statistics Dashboard', 'AUTO-S1n4Xx7Lz').client(() => {
-    specs(() => {
-      should('show total tasks count with large prominent number');
-      should('display tasks completed today with celebration icon');
-      should('show breakdown: pending, in-progress, completed counts');
-      should('display completion percentage with visual indicator');
-      should('use card-based layout with glass morphism styling');
-      should('include subtle icons for each statistic');
-      should('update in real-time when tasks change status');
-      should('animate number changes with counting effect');
-    });
-  });
-  experience('Recent Activity Feed', 'AUTO-R2o5Yy8Mz').client(() => {
-    specs(() => {
-      should('display recent task completions in chronological order');
-      should('show completion timestamp in relative format');
-      should('limit to last 5 completed tasks');
-      should('include task description with completed styling');
-      should('show subtle celebration icon for each completion');
-      should('use minimalist list design with dividers');
-      should('support click to view task details');
-      should('auto-scroll new completions into view with smooth animation');
-    });
-  });
   experience('View Toggle Controls', 'AUTO-V3p6Zz9Nz').client(() => {
     specs(() => {
       should('provide toggle between Kanban and List views');
@@ -128,4 +104,28 @@ narrative('Todo Dashboard', 'AUTO-H6i9Rs2Gz', () => {
       should('show loading state during task submission');
     });
   });
+  experience('Statistics Dashboard', 'AUTO-S1n4Xx7Lz').client(() => {
+    specs(() => {
+      should('show total tasks count with large prominent number');
+      should('display tasks completed today with celebration icon');
+      should('show breakdown: pending, in-progress, completed counts');
+      should('display completion percentage with visual indicator');
+      should('use card-based layout with glass morphism styling');
+      should('include subtle icons for each statistic');
+      should('update in real-time when tasks change status');
+      should('animate number changes with counting effect');
+    });
+  });
+  experience('Recent Activity Feed', 'AUTO-R2o5Yy8Mz').client(() => {
+    specs(() => {
+      should('display recent task completions in chronological order');
+      should('show completion timestamp in relative format');
+      should('limit to last 5 completed tasks');
+      should('include task description with completed styling');
+      should('show subtle celebration icon for each completion');
+      should('use minimalist list design with dividers');
+      should('support click to view task details');
+      should('auto-scroll new completions into view with smooth animation');
+    });
+  });
 });

package/templates/kanban-todo/narratives/structure.narrative.ts

@@ -22,17 +22,6 @@ narrative('App Structure', 'AUTO-A8u1Ee4Sz', () => {
       should('use CSS Grid for Kanban column layout');
     });
   });
-  experience('Kanban Board Container', 'AUTO-K1x4Hh7Vz').client(() => {
-    specs(() => {
-      should('display three equal-width columns in desktop view');
-      should('apply consistent gap spacing between columns');
-      should('stack columns vertically on mobile devices');
-      should('support horizontal scrolling on smaller screens if needed');
-      should('maintain minimum column width for readability');
-      should('apply max-height with scroll for columns with many tasks');
-      should('show subtle scrollbar styling matching theme');
-    });
-  });
   experience('Column Headers', 'AUTO-H2y5Ii8Wz').client(() => {
     specs(() => {
       should('display column title with clear typography');
@@ -148,4 +137,15 @@ narrative('App Structure', 'AUTO-A8u1Ee4Sz', () => {
       should('provide alt text for all decorative images and icons');
     });
   });
+  experience('Kanban Board Container', 'AUTO-K1x4Hh7Vz').client(() => {
+    specs(() => {
+      should('display three equal-width columns in desktop view');
+      should('apply consistent gap spacing between columns');
+      should('stack columns vertically on mobile devices');
+      should('support horizontal scrolling on smaller screens if needed');
+      should('maintain minimum column width for readability');
+      should('apply max-height with scroll for columns with many tasks');
+      should('show subtle scrollbar styling matching theme');
+    });
+  });
 });

package/templates/kanban-todo/narratives/todo-list.narrative.ts

@@ -2,8 +2,8 @@ import {
   command,
   data,
   example,
-  narrative,
   gql,
+  narrative,
   query,
   rule,
   should,
@@ -12,7 +12,6 @@ import {
   specs,
 } from '@auto-engineer/narrative';
 import type { Command, Event, State } from '@auto-engineer/narrative';
-
 type AddTodo = Command<
   'AddTodo',
   {
@@ -20,43 +19,34 @@ type AddTodo = Command<
     description: string;
   }
 >;
-
-type MarkTodoComplete = Command<
-  'MarkTodoComplete',
+type TodoAdded = Event<
+  'TodoAdded',
   {
     todoId: string;
+    description: string;
+    status: 'pending';
+    addedAt: Date;
   }
 >;
-
 type MarkTodoInProgress = Command<
   'MarkTodoInProgress',
   {
     todoId: string;
   }
 >;
-
-type TodoAdded = Event<
-  'TodoAdded',
+type TodoMarkedInProgress = Event<
+  'TodoMarkedInProgress',
   {
     todoId: string;
-    description: string;
-    status: 'pending';
-    addedAt: Date;
+    markedAt: Date;
   }
 >;
-
-type TodoListSummary = State<
-  'TodoListSummary',
+type MarkTodoComplete = Command<
+  'MarkTodoComplete',
   {
-    summaryId: string;
-    totalTodos: number;
-    pendingCount: number;
-    inProgressCount: number;
-    completedCount: number;
-    completionPercentage: number;
+    todoId: string;
   }
 >;
-
 type TodoMarkedComplete = Event<
   'TodoMarkedComplete',
   {
@@ -64,15 +54,6 @@ type TodoMarkedComplete = Event<
     completedAt: Date;
   }
 >;
-
-type TodoMarkedInProgress = Event<
-  'TodoMarkedInProgress',
-  {
-    todoId: string;
-    markedAt: Date;
-  }
->;
-
 type TodoState = State<
   'TodoState',
   {
@@ -83,7 +64,16 @@ type TodoState = State<
     completedAt: Date | null;
   }
 >;
-
+type TodoListSummary = State<
+  'TodoListSummary',
+  {
+    totalTodos: number;
+    pendingCount: number;
+    inProgressCount: number;
+    completedCount: number;
+    completionPercentage: number;
+  }
+>;
 narrative('Todo List', 'AUTO-T8dL3k9Xw', () => {
   command('adds a new todo', 'AUTO-A1c4Mn7Bz')
     .client(() => {
@@ -280,7 +270,7 @@ narrative('Todo List', 'AUTO-T8dL3k9Xw', () => {
 }`),
     )
     .server(() => {
-      data([source().state('TodoListSummary').fromProjection('TodoSummary', 'summaryId')]);
+      data([source().state('TodoListSummary').fromSingletonProjection('TodoSummary')]);
       specs(() => {
         rule('summary shows overall todo list statistics', 'AUTO-r5F6Gs2C', () => {
           example('calculates summary from multiple todos')
@@ -305,7 +295,6 @@ narrative('Todo List', 'AUTO-T8dL3k9Xw', () => {
             .and<TodoMarkedInProgress>({ todoId: 'todo-001', markedAt: new Date('2030-01-01T10:00:00.000Z') })
             .and<TodoMarkedComplete>({ todoId: 'todo-002', completedAt: new Date('2030-01-01T11:00:00.000Z') })
             .then<TodoListSummary>({
-              summaryId: 'main-summary',
               totalTodos: 3,
               pendingCount: 1,
               inProgressCount: 1,