feat(response-status): adding agent steps to response status

2nd-gen/packages/swc/.storybook/preview.ts

@@ -330,7 +330,10 @@ const preview = {
                   'Rendering and styling migration analysis',
                 ],
                 'Action button',
-                ['Rendering and styling migration analysis'],
+                [
+                  'Accessibility migration analysis',
+                  'Rendering and styling migration analysis',
+                ],
                 'Action group',
                 ['Rendering and styling migration analysis'],
                 'Action menu',
@@ -360,9 +363,14 @@ const preview = {
                   'Rendering and styling migration analysis',
                 ],
                 'Button group',
-                ['Rendering and styling migration analysis'],
+                [
+                  'Accessibility migration analysis',
+                  'Rendering and styling migration analysis',
+                ],
                 'Checkbox',
                 ['Rendering and styling migration analysis'],
+                'Close button',
+                ['Accessibility migration analysis'],
                 'Color field',
                 ['Rendering and styling migration analysis'],
                 'Color loupe',
@@ -391,12 +399,16 @@ const preview = {
                   'Rendering and styling migration analysis',
                 ],
                 'Infield button',
-                ['Rendering and styling migration analysis'],
+                [
+                  'Accessibility migration analysis',
+                  'Rendering and styling migration analysis',
+                ],
                 'Infield progress circle',
                 ['Rendering and styling migration analysis'],
                 'Link',
                 [
                   'Accessibility migration analysis',
+                  'Migration plan',
                   'Rendering and styling migration analysis',
                 ],
                 'Menu',

2nd-gen/packages/swc/patterns/conversational-ai/agentic-video-flow-script.ts

@@ -0,0 +1,64 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import type { ResponseStatusStepKind } from './response-status/response-status-step/ResponseStatusStep.js';
+
+export type AgenticVideoFlowStepData = {
+  title: string;
+  detail: string;
+  kind: ResponseStatusStepKind;
+};
+
+/** Step titles and details from the reference agentic flow recording. */
+export const AGENTIC_VIDEO_FLOW_STEPS: AgenticVideoFlowStepData[] = [
+  {
+    title: 'Looked through documentation',
+    detail:
+      'Scanned 12 internal knowledge base articles matching the query context and extracted key sections.',
+    kind: 'thinking',
+  },
+  {
+    title: 'Searching web for: Carnival cruise trip packages Europe Asia',
+    detail:
+      'Found 8 relevant results across travel aggregators and official cruise line sites.',
+    kind: 'acting',
+  },
+  {
+    title: 'Searching repositories for Europe trips',
+    detail:
+      'Checked 3 internal repositories for previously compiled trip package data and pricing templates.',
+    kind: 'acting',
+  },
+  {
+    title: 'Compose response',
+    detail:
+      'Synthesizing findings into a structured comparison of available packages with pricing and availability.',
+    kind: 'thinking',
+  },
+];
+
+/** Milliseconds from generation start (initiating). */
+export const AGENTIC_VIDEO_FLOW_TIMING = {
+  processing: 2000,
+  streamText: 3500,
+  step1: 4500,
+  step2: 7500,
+  step3: 10000,
+  expand: 10000,
+  step4: 12000,
+  collapse: 17000,
+  complete: 18000,
+  loopRestart: 23000,
+} as const;
+
+export const agenticVideoGreeting = (_prompt: string): string =>
+  'Hello! How can I help you today?';