create-auto-app 0.11.10 → 0.11.11

package/templates/kanban-todo/{flows/todo-list.flow.ts → narratives/todo-list.narrative.ts}

@@ -1,19 +1,17 @@
 import {
   command,
-  query,
-  flow,
-  should,
-  specs,
-  rule,
+  data,
   example,
+  narrative,
   gql,
-  source,
-  data,
+  query,
+  rule,
+  should,
   sink,
-  type Command,
-  type Event,
-  type State,
-} from '@auto-engineer/flow';
+  source,
+  specs,
+} from '@auto-engineer/narrative';
+import type { Command, Event, State } from '@auto-engineer/narrative';
 
 type AddTodo = Command<
   'AddTodo',
@@ -23,13 +21,10 @@ type AddTodo = Command<
   }
 >;
 
-type TodoAdded = Event<
-  'TodoAdded',
+type MarkTodoComplete = Command<
+  'MarkTodoComplete',
   {
     todoId: string;
-    description: string;
-    status: 'pending';
-    addedAt: Date;
   }
 >;
 
@@ -40,18 +35,25 @@ type MarkTodoInProgress = Command<
   }
 >;
 
-type TodoMarkedInProgress = Event<
-  'TodoMarkedInProgress',
+type TodoAdded = Event<
+  'TodoAdded',
   {
     todoId: string;
-    markedAt: Date;
+    description: string;
+    status: 'pending';
+    addedAt: Date;
   }
 >;
 
-type MarkTodoComplete = Command<
-  'MarkTodoComplete',
+type TodoListSummary = State<
+  'TodoListSummary',
   {
-    todoId: string;
+    summaryId: string;
+    totalTodos: number;
+    pendingCount: number;
+    inProgressCount: number;
+    completedCount: number;
+    completionPercentage: number;
   }
 >;
 
@@ -63,6 +65,14 @@ type TodoMarkedComplete = Event<
   }
 >;
 
+type TodoMarkedInProgress = Event<
+  'TodoMarkedInProgress',
+  {
+    todoId: string;
+    markedAt: Date;
+  }
+>;
+
 type TodoState = State<
   'TodoState',
   {
@@ -74,61 +84,65 @@ type TodoState = State<
   }
 >;
 
-type TodoListSummary = State<
-  'TodoListSummary',
-  {
-    summaryId: string;
-    totalTodos: number;
-    pendingCount: number;
-    inProgressCount: number;
-    completedCount: number;
-    completionPercentage: number;
-  }
->;
-
-flow('Todo List', 'AUTO-T8dL3k9Xw', () => {
+narrative('Todo List', 'AUTO-T8dL3k9Xw', () => {
   command('adds a new todo', 'AUTO-A1c4Mn7Bz')
+    .client(() => {
+      specs('Add Todo', () => {
+        should('display a quick-add input field with floating action button');
+        should('show success animation when todo is added');
+        should('automatically place new todo in "To Do" column');
+        should('clear input field after successful addition');
+        should('focus back to input for quick consecutive additions');
+      });
+    })
+    .request(
+      gql(`mutation AddTodo($input: AddTodoInput!) {
+  addTodo(input: $input) {
+    success
+    error {
+      type
+      message
+    }
+  }
+}`),
+    )
     .server(() => {
+      data([sink().event('TodoAdded').toStream('todos')]);
       specs(() => {
         rule('todos can be added to the list', 'AUTO-r1B2Cp8Y', () => {
           example('adds a new todo successfully')
-            .when<AddTodo>({
-              todoId: 'todo-001',
-              description: 'Buy groceries',
-            })
+            .when<AddTodo>({ todoId: 'todo-001', description: 'Buy groceries' })
             .then<TodoAdded>({
               todoId: 'todo-001',
               description: 'Buy groceries',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
             });
         });
       });
-      data([sink().event('TodoAdded').toStream('todos')]);
-    })
-    .request(gql`
-      mutation AddTodo($input: AddTodoInput!) {
-        addTodo(input: $input) {
-          success
-          error {
-            type
-            message
-          }
-        }
-      }
-    `)
-    .client(() => {
-      specs('Add Todo', () => {
-        should('display a quick-add input field with floating action button');
-        should('show success animation when todo is added');
-        should('automatically place new todo in "To Do" column');
-        should('clear input field after successful addition');
-        should('focus back to input for quick consecutive additions');
-      });
     });
-
   command('moves todo to in progress', 'AUTO-M2d5No8Cz')
+    .client(() => {
+      specs('Move to In Progress', () => {
+        should('support drag-and-drop from "To Do" to "In Progress" column');
+        should('animate smooth transition between columns');
+        should('update column count badges in real-time');
+        should('show visual feedback during drag operation');
+      });
+    })
+    .request(
+      gql(`mutation MarkTodoInProgress($input: MarkTodoInProgressInput!) {
+  markTodoInProgress(input: $input) {
+    success
+    error {
+      type
+      message
+    }
+  }
+}`),
+    )
     .server(() => {
+      data([sink().event('TodoMarkedInProgress').toStream('todos')]);
       specs(() => {
         rule('todos can be moved to in progress', 'AUTO-r2C3Dq9Z', () => {
           example('moves a pending todo to in progress')
@@ -136,41 +150,37 @@ flow('Todo List', 'AUTO-T8dL3k9Xw', () => {
               todoId: 'todo-001',
               description: 'Buy groceries',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
-            })
-            .when<MarkTodoInProgress>({
-              todoId: 'todo-001',
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
             })
-            .then<TodoMarkedInProgress>({
-              todoId: 'todo-001',
-              markedAt: new Date('2030-01-01T10:00:00Z'),
-            });
+            .when<MarkTodoInProgress>({ todoId: 'todo-001' })
+            .then<TodoMarkedInProgress>({ todoId: 'todo-001', markedAt: new Date('2030-01-01T10:00:00.000Z') });
         });
       });
-      data([sink().event('TodoMarkedInProgress').toStream('todos')]);
-    })
-    .request(gql`
-      mutation MarkTodoInProgress($input: MarkTodoInProgressInput!) {
-        markTodoInProgress(input: $input) {
-          success
-          error {
-            type
-            message
-          }
-        }
-      }
-    `)
-    .client(() => {
-      specs('Move to In Progress', () => {
-        should('support drag-and-drop from "To Do" to "In Progress" column');
-        should('animate smooth transition between columns');
-        should('update column count badges in real-time');
-        should('show visual feedback during drag operation');
-      });
     });
-
   command('marks todo as complete', 'AUTO-C3e6Op9Dz')
+    .client(() => {
+      specs('Complete Todo', () => {
+        should('support drag-and-drop to "Done" column');
+        should('show celebration animation on completion');
+        should('display visual confetti effect for milestone completions');
+        should('update completion percentage progress ring');
+        should('strike-through completed todo text with smooth animation');
+        should('show completion timestamp on hover');
+      });
+    })
+    .request(
+      gql(`mutation MarkTodoComplete($input: MarkTodoCompleteInput!) {
+  markTodoComplete(input: $input) {
+    success
+    error {
+      type
+      message
+    }
+  }
+}`),
+    )
     .server(() => {
+      data([sink().event('TodoMarkedComplete').toStream('todos')]);
       specs(() => {
         rule('todos can be marked as complete', 'AUTO-r3D4Eq0A', () => {
           example('marks an in-progress todo as complete')
@@ -178,62 +188,48 @@ flow('Todo List', 'AUTO-T8dL3k9Xw', () => {
               todoId: 'todo-001',
               description: 'Buy groceries',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
-            })
-            .and<TodoMarkedInProgress>({
-              todoId: 'todo-001',
-              markedAt: new Date('2030-01-01T10:00:00Z'),
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
             })
-            .when<MarkTodoComplete>({
-              todoId: 'todo-001',
-            })
-            .then<TodoMarkedComplete>({
-              todoId: 'todo-001',
-              completedAt: new Date('2030-01-01T11:00:00Z'),
-            });
-
+            .and<TodoMarkedInProgress>({ todoId: 'todo-001', markedAt: new Date('2030-01-01T10:00:00.000Z') })
+            .when<MarkTodoComplete>({ todoId: 'todo-001' })
+            .then<TodoMarkedComplete>({ todoId: 'todo-001', completedAt: new Date('2030-01-01T11:00:00.000Z') });
           example('marks a pending todo directly as complete')
             .given<TodoAdded>({
               todoId: 'todo-002',
               description: 'Write report',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
             })
-            .when<MarkTodoComplete>({
-              todoId: 'todo-002',
-            })
-            .then<TodoMarkedComplete>({
-              todoId: 'todo-002',
-              completedAt: new Date('2030-01-01T11:30:00Z'),
-            });
+            .when<MarkTodoComplete>({ todoId: 'todo-002' })
+            .then<TodoMarkedComplete>({ todoId: 'todo-002', completedAt: new Date('2030-01-01T11:30:00.000Z') });
         });
       });
-      data([sink().event('TodoMarkedComplete').toStream('todos')]);
-    })
-    .request(gql`
-      mutation MarkTodoComplete($input: MarkTodoCompleteInput!) {
-        markTodoComplete(input: $input) {
-          success
-          error {
-            type
-            message
-          }
-        }
-      }
-    `)
-    .client(() => {
-      specs('Complete Todo', () => {
-        should('support drag-and-drop to "Done" column');
-        should('show celebration animation on completion');
-        should('display visual confetti effect for milestone completions');
-        should('update completion percentage progress ring');
-        should('strike-through completed todo text with smooth animation');
-        should('show completion timestamp on hover');
-      });
     });
-
   query('views all todos', 'AUTO-V4f7Pq0Ez')
+    .client(() => {
+      specs('Todo List View', () => {
+        should('display todos organized in three columns: To Do, In Progress, Done');
+        should('show count badges on each column header');
+        should('support drag-and-drop between columns');
+        should('display empty state illustrations for empty columns');
+        should('show todo cards with glass morphism effect');
+        should('display subtle hover effects on todo cards');
+        should('support keyboard navigation between todos');
+      });
+    })
+    .request(
+      gql(`query AllTodos {
+  todos {
+    todoId
+    description
+    status
+    addedAt
+    completedAt
+  }
+}`),
+    )
     .server(() => {
+      data([source().state('TodoState').fromProjection('Todos', 'todoId')]);
       specs(() => {
         rule('all todos are displayed with their current status', 'AUTO-r4E5Fr1B', () => {
           example('shows multiple todos in different states')
@@ -241,66 +237,51 @@ flow('Todo List', 'AUTO-T8dL3k9Xw', () => {
               todoId: 'todo-001',
               description: 'Buy groceries',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
             })
             .and<TodoAdded>({
               todoId: 'todo-002',
               description: 'Write report',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:10:00Z'),
-            })
-            .and<TodoMarkedInProgress>({
-              todoId: 'todo-001',
-              markedAt: new Date('2030-01-01T10:00:00Z'),
-            })
-            .and<TodoMarkedComplete>({
-              todoId: 'todo-002',
-              completedAt: new Date('2030-01-01T11:00:00Z'),
+              addedAt: new Date('2030-01-01T09:10:00.000Z'),
             })
+            .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') })
             .when({})
             .then<TodoState>({
               todoId: 'todo-001',
               description: 'Buy groceries',
               status: 'in_progress',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
               completedAt: null,
-            })
-            .and<TodoState>({
-              todoId: 'todo-002',
-              description: 'Write report',
-              status: 'completed',
-              addedAt: new Date('2030-01-01T09:10:00Z'),
-              completedAt: new Date('2030-01-01T11:00:00Z'),
             });
         });
       });
-      data([source().state('TodoState').fromProjection('Todos', 'todoId')]);
-    })
-    .request(gql`
-      query AllTodos {
-        todos {
-          todoId
-          description
-          status
-          addedAt
-          completedAt
-        }
-      }
-    `)
-    .client(() => {
-      specs('Todo List View', () => {
-        should('display todos organized in three columns: To Do, In Progress, Done');
-        should('show count badges on each column header');
-        should('support drag-and-drop between columns');
-        should('display empty state illustrations for empty columns');
-        should('show todo cards with glass morphism effect');
-        should('display subtle hover effects on todo cards');
-        should('support keyboard navigation between todos');
-      });
     });
-
   query('views completion summary', 'AUTO-S5g8Qr1Fz')
+    .client(() => {
+      specs('Completion Summary', () => {
+        should('display circular progress ring showing completion percentage');
+        should('show total task count in center of progress ring');
+        should('display breakdown of pending, in-progress, and completed counts');
+        should('update progress ring with smooth animation on status changes');
+        should('use gradient colors for progress ring');
+        should('show daily completion goal progress');
+      });
+    })
+    .request(
+      gql(`query TodoListSummary {
+  todoListSummary {
+    totalTodos
+    pendingCount
+    inProgressCount
+    completedCount
+    completionPercentage
+  }
+}`),
+    )
     .server(() => {
+      data([source().state('TodoListSummary').fromProjection('TodoSummary', 'summaryId')]);
       specs(() => {
         rule('summary shows overall todo list statistics', 'AUTO-r5F6Gs2C', () => {
           example('calculates summary from multiple todos')
@@ -308,28 +289,22 @@ flow('Todo List', 'AUTO-T8dL3k9Xw', () => {
               todoId: 'todo-001',
               description: 'Buy groceries',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:00:00Z'),
+              addedAt: new Date('2030-01-01T09:00:00.000Z'),
             })
             .and<TodoAdded>({
               todoId: 'todo-002',
               description: 'Write report',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:10:00Z'),
+              addedAt: new Date('2030-01-01T09:10:00.000Z'),
             })
             .and<TodoAdded>({
               todoId: 'todo-003',
               description: 'Call client',
               status: 'pending',
-              addedAt: new Date('2030-01-01T09:20:00Z'),
-            })
-            .and<TodoMarkedInProgress>({
-              todoId: 'todo-001',
-              markedAt: new Date('2030-01-01T10:00:00Z'),
-            })
-            .and<TodoMarkedComplete>({
-              todoId: 'todo-002',
-              completedAt: new Date('2030-01-01T11:00:00Z'),
+              addedAt: new Date('2030-01-01T09:20:00.000Z'),
             })
+            .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') })
             .when({})
             .then<TodoListSummary>({
               summaryId: 'main-summary',
@@ -341,27 +316,5 @@ flow('Todo List', 'AUTO-T8dL3k9Xw', () => {
             });
         });
       });
-      data([source().state('TodoListSummary').fromProjection('TodoSummary', 'summaryId')]);
-    })
-    .request(gql`
-      query TodoListSummary {
-        todoListSummary {
-          totalTodos
-          pendingCount
-          inProgressCount
-          completedCount
-          completionPercentage
-        }
-      }
-    `)
-    .client(() => {
-      specs('Completion Summary', () => {
-        should('display circular progress ring showing completion percentage');
-        should('show total task count in center of progress ring');
-        should('display breakdown of pending, in-progress, and completed counts');
-        should('update progress ring with smooth animation on status changes');
-        should('use gradient colors for progress ring');
-        should('show daily completion goal progress');
-      });
     });
 });

package/templates/kanban-todo/package.json

@@ -11,7 +11,7 @@
     "@auto-engineer/cli": "workspace:*",
     "@auto-engineer/component-implementer": "workspace:*",
     "@auto-engineer/design-system-importer": "workspace:*",
-    "@auto-engineer/flow": "workspace:*",
+    "@auto-engineer/narrative": "workspace:*",
     "@auto-engineer/frontend-checks": "workspace:*",
     "@auto-engineer/frontend-generator-react-graphql": "workspace:*",
     "@auto-engineer/frontend-implementer": "workspace:*",

package/templates/questionnaires/auto.config.ts

@@ -1,5 +1,5 @@
 import { autoConfig, on, dispatch } from '@auto-engineer/cli';
-import type { ExportSchemaCommand, ExportSchemaEvents } from '@auto-engineer/flow';
+import type { ExportSchemaCommand, ExportSchemaEvents } from '@auto-engineer/narrative';
 import type { GenerateServerCommand, GenerateServerEvents } from '@auto-engineer/server-generator-apollo-emmett';
 import type {
   ImplementServerCommand,
@@ -35,7 +35,7 @@ export default autoConfig({
     '@auto-engineer/server-checks',
     '@auto-engineer/design-system-importer',
     '@auto-engineer/server-generator-apollo-emmett',
-    '@auto-engineer/flow',
+    '@auto-engineer/narrative',
     '@auto-engineer/frontend-checks',
     '@auto-engineer/frontend-implementer',
     '@auto-engineer/component-implementer',
@@ -196,7 +196,7 @@ export default autoConfig({
 
 rm -rf server client .context/schema.json .context/schema.graphql .context/auto-ia-scheme.json 
 pnpm auto export:schema
-pnpm auto generate:ia --output-dir=./.context --flow-files=./flows/questionnaires.flow.ts
+pnpm auto generate:ia --output-dir=./.context --flow-files=./narratives/questionnaires.narrative.ts
 pnpm auto generate:server --schema-path=./.context/schema.json --destination=.
 pnpm auto generate:client --starter-dir=../../packages/frontend-generator-react-graphql/shadcn-starter --target-dir=./client  --ia-schema-path=./.context/auto-ia-scheme.json  --gql-schema-path=./.context/schema.graphql  --figma-variables-path=./.context/figma-file.json
 pnpm auto implement:client --project-dir=./questionnaires/client --ia-scheme-dir=./questionnaires/.context --design-system-path=./questionnaires/.context/design-system.md
@@ -209,7 +209,7 @@ pnpm auto generate:server --schema-path=./.context/schema.json --destination=.
 pnpm auto generate:client --starter-dir=/Users/sam/WebstormProjects/top/auto-engineer/packages/frontend-generator-react-graphql/shadcn-starter  --target-dir=./client  --ia-schema-path=./.context/auto-ia-scheme.json  --gql-schema-path=./.context/schema.graphql  --figma-variables-path=./.context/figma-file.json
 
 // run this per slice in parallel
-pnpm auto implement:slice --slice-path=./questionnaires/server/src/domain/flows/questionnaires/submits-the-questionnaire
+pnpm auto implement:slice --slice-path=./questionnaires/server/src/domain/narratives/questionnaires/submits-the-questionnaire
 // add checks
 // add retry logic tore-implement failed slices with a retry count
 
@@ -232,7 +232,7 @@ pnpm -w build &&\
 rm -rf server client .context/schema.json .context/schema.graphql .context/auto-ia-scheme.json &&\
 DEBUG=* pnpm auto export:schema &&\
 DEBUG=* pnpm auto generate:server --schema-path=./.context/schema.json --destination=. &&\
-DEBUG=* pnpm auto generate:ia --output-dir=./.context --flow-files=./flows/questionnaires.flow.ts &&\
+DEBUG=* pnpm auto generate:ia --output-dir=./.context --flow-files=./narratives/questionnaires.narrative.ts &&\
 DEBUG=* pnpm auto generate:client --starter-dir=../../packages/frontend-generator-react-graphql/shadcn-starter --target-dir=./client  --ia-schema-path=./.context/auto-ia-scheme.json  --gql-schema-path=./.context/schema.graphql  --figma-variables-path=./.context/figma-file.json
 
 

package/templates/questionnaires/{flows/homepage.flow.ts → narratives/homepage.narrative.ts}

@@ -1,5 +1,5 @@
-import { experience, flow, should, specs } from '@auto-engineer/flow';
-flow('Home Screen', 'AUTO-cDAZP41Kb', () => {
+import { experience, narrative, should, specs } from '@auto-engineer/narrative';
+narrative('Home Screen', 'AUTO-cDAZP41Kb', () => {
   experience('Active Surveys Summary', 'AUTO-aifPcU3hw').client(() => {
     specs(() => {
       should('show active surveys summary and response rate overview');
@@ -21,7 +21,7 @@ flow('Home Screen', 'AUTO-cDAZP41Kb', () => {
     });
   });
 });
-flow('Create Survey', 'AUTO-OnuAvj45V', () => {
+narrative('Create Survey', 'AUTO-OnuAvj45V', () => {
   experience('Create Survey Form', 'AUTO-MPviTMrQC').client(() => {
     specs(() => {
       should('allow entering survey title, description, and question types');
@@ -43,7 +43,7 @@ flow('Create Survey', 'AUTO-OnuAvj45V', () => {
     });
   });
 });
-flow('Response Analytics', 'AUTO-dRYuxORz0', () => {
+narrative('Response Analytics', 'AUTO-dRYuxORz0', () => {
   experience('Response Rate Charts', 'AUTO-eME978Euk').client(() => {
     specs(() => {
       should('show daily response rate charts');
@@ -66,7 +66,7 @@ flow('Response Analytics', 'AUTO-dRYuxORz0', () => {
     });
   });
 });
-flow('Manage Templates', 'AUTO-KFxx8k1ul', () => {
+narrative('Manage Templates', 'AUTO-KFxx8k1ul', () => {
   experience('Templates List View', 'AUTO-TRJBgM1JS').client(() => {
     specs(() => {
       should('list all survey templates with usage count and last modified date');
@@ -88,7 +88,7 @@ flow('Manage Templates', 'AUTO-KFxx8k1ul', () => {
     });
   });
 });
-flow('Survey Completion Tracker', 'AUTO-wXdtfGpFr', () => {
+narrative('Survey Completion Tracker', 'AUTO-wXdtfGpFr', () => {
   experience('Completion Rate Progress View', 'AUTO-oDBBOUNzr').client(() => {
     specs(() => {
       should('show current completion rate and target progress');
@@ -110,7 +110,7 @@ flow('Survey Completion Tracker', 'AUTO-wXdtfGpFr', () => {
     });
   });
 });
-flow('Response Goals Tracker', 'AUTO-W8dytm3oC', () => {
+narrative('Response Goals Tracker', 'AUTO-W8dytm3oC', () => {
   experience('Response Target Setting', 'AUTO-Idmim68Yf').client(() => {
     specs(() => {
       should('allow setting monthly/weekly response targets');
@@ -132,7 +132,7 @@ flow('Response Goals Tracker', 'AUTO-W8dytm3oC', () => {
     });
   });
 });
-flow('Response History', 'AUTO-JizW21yrr', () => {
+narrative('Response History', 'AUTO-JizW21yrr', () => {
   experience('Response History List', 'AUTO-cIpwPlqRq').client(() => {
     specs(() => {
       should('allow viewing full response history');

package/templates/questionnaires/{flows/questionnaires.flow.ts → narratives/questionnaires.narrative.ts}

@@ -2,7 +2,7 @@ import {
   command,
   query,
   experience,
-  flow,
+  narrative,
   should,
   specs,
   rule,
@@ -14,7 +14,7 @@ import {
   type Command,
   type Event,
   type State,
-} from '@auto-engineer/flow';
+} from '@auto-engineer/narrative';
 
 type SendQuestionnaireLink = Command<
   'SendQuestionnaireLink',
@@ -102,7 +102,7 @@ type QuestionnaireProgress = State<
   }
 >;
 
-flow('Questionnaires', 'AUTO-Q9m2Kp4Lx', () => {
+narrative('Questionnaires', 'AUTO-Q9m2Kp4Lx', () => {
   command('sends the questionnaire link', 'AUTO-S2b5Cp7Dz')
     .server(() => {
       specs(() => {

package/templates/questionnaires/{flows/structure.flow.ts → narratives/structure.narrative.ts}

@@ -1,5 +1,5 @@
-import { experience, flow, should, specs } from '@auto-engineer/flow';
-flow('App Structure', 'AUTO-vLkxrmhz6', () => {
+import { experience, narrative, should, specs } from '@auto-engineer/narrative';
+narrative('App Structure', 'AUTO-vLkxrmhz6', () => {
   experience('App Structure', 'AUTO-k6JkQZQnc').client(() => {
     specs(() => {
       should('display persistent sidebar on left for navigation');

package/templates/questionnaires/package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@auto-engineer/cli": "workspace:*",
     "@auto-engineer/design-system-importer": "workspace:*",
-    "@auto-engineer/flow": "workspace:*",
+    "@auto-engineer/narrative": "workspace:*",
     "@auto-engineer/frontend-checks": "workspace:*",
     "@auto-engineer/frontend-generator-react-graphql": "workspace:*",
     "@auto-engineer/frontend-implementer": "workspace:*",